網頁結構學 - 垂直

垂直結構最常出現在左右兩側的邊欄，也可能出現在元件內的子元件，很少會直接作為主要的結構。

事實上，垂直結構也是利用 flex 的特性來達成，只是在設計上，我們會將 flex 的方向設定為 column，它不常作為主要結構的最主要原因可能是因為 作為 flex 層的元件，必須擁有高度，這樣才能讓 flex 的元件有空間可以伸縮。

以下是常見幾種垂直結構的設計。

垂直分配

平均分配

垂直的平均分配和水平的其實是一樣的，只是方向不同而已。

比例分配

當然也可以根據比例來分配。

鎖定高度

等比縮放

單邊鎖定 + 等比縮放

垂直對齊

上下對齊兩邊

絕對置中