DIV CSS 佈局教程網

一、彈性盒子模型

為了解決傳統布局的“死板”以及不足，CSS3新增了新型的彈性盒子模型。通過彈性盒子模型，我們可以輕松地創建自適應浏覽器窗口的流動布局以及自適應字體大小的彈性布局，使得響應式布局實現更加容易。

CSS3彈性盒子模型屬性 屬性 說明 box-orient 定義盒子的方向 box-direction 定義盒子的順序 box-ordinal-group 定義盒子的位置 box-flex 定義盒子的彈性空間 box-pack 定義盒子水平對齊方式 box-align 定義盒子垂直對齊方式 box-lines 定義盒子溢出管理

注意，在你使用彈性盒子模型之前，你必須先把父元素display屬性設置為box或inline-box後，該元素才具有彈性盒子模型。

接下來，我們一一詳細為大家講解這些CSS3的彈性盒子模型屬性。