Flexbox 概述學習手册

Cascading Style Sheets （CSS） 是一種簡單的設計語言，旨在簡化網頁呈現的過程。 CSS 處理網頁的外觀和感覺部分。

使用 CSS，您可以控制文字顏色、字體樣式、段落間距、列的大小和佈局方式、使用的背景圖像或顏色、布局設計、不同設備的顯示變化和螢幕尺寸以及各種其他效果。

要確定框的位置和尺寸，在 CSS 中，您可以使用可用的佈局模式之一-

所有這些模式都用於對齊文檔、文本、表格等特定元素，但是，這些模式都沒有提供一個完整的解決方案來佈局複雜的網站。 最初，這是使用浮動元素、定位元素和表格佈局（通常）的組合來完成的。 但是浮動只允許水準定位框。

除了上述模式之外，CSS3還提供了另一種佈局模式Flexible Box，通常稱為 Flexbox。

使用此模式，您可以輕鬆地為複雜的應用程式和網頁創建佈局。 與浮動不同，Flexbox 佈局可以完全控制框的方向、對齊、順序和大小。

以下是 Flexbox 佈局的顯著特點-

以下是支援 Flexbox 的瀏覽器。