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