vertical-align: vertical-align是用來控制元素在行內框中的垂直對齊方式。它只適用于行內元素或表格元素的單元格。它的取值包括baseline、top、middle、bottom等。而flex布局是用來控制元素在容器中的排列方式,可以在水平和垂直方向上進行靈活的布局。
元素類型:vertical-align只適用于行內元素或表格元素的單元格,而flex布局適用于任何元素。
靈活性:flex布局更靈活,具有更多的布局選項,可以實現更復雜的布局需求。而vertical-align只能實現簡單的垂直對齊方式。
兼容性:flex布局相對來說兼容性更好,而vertical-align在一些瀏覽器上的表現可能不太一致。
總的來說,如果需要進行復雜的布局排列或者垂直對齊,建議使用flex布局,如果只是簡單的垂直對齊,可以使用vertical-align。