verticalalign与flex布局的差异

vertical-align: vertical-align是用来控制元素在行内框中的垂直对齐方式。它只适用于行内元素或表格元素的单元格。它的取值包括baseline、top、middle、bottom等。而flex布局是用来控制元素在容器中的排列方式，可以在水平和垂直方向上进行灵活的布局。

元素类型：vertical-align只适用于行内元素或表格元素的单元格，而flex布局适用于任何元素。

灵活性：flex布局更灵活，具有更多的布局选项，可以实现更复杂的布局需求。而vertical-align只能实现简单的垂直对齐方式。

兼容性：flex布局相对来说兼容性更好，而vertical-align在一些浏览器上的表现可能不太一致。

总的来说，如果需要进行复杂的布局排列或者垂直对齐，建议使用flex布局，如果只是简单的垂直对齐，可以使用vertical-align。