CSS 盒子對齊
CSS 盒對齊模組指定了與容器內盒對齊相關的 CSS 特性。它定義了各種 CSS 盒佈局模型的對齊方式,包括塊佈局、表格佈局、彈性盒佈局(Flexbox)和網格佈局,從而在所有 CSS 中建立了一個統一的對齊方法。
該模組詳細介紹了對齊術語,使對齊屬性可以在多個佈局模組中使用,而不受限於特定的佈局方法。
對齊與書寫模式相關聯,因為當我們對齊一個專案時,我們不考慮是將其對齊到物理維度的頂部、右側、底部和左側。相反,我們根據正在處理的特定維度的起始和結束來描述對齊。這確保了無論文件採用何種書寫模式,對齊都以相同的方式工作。
參考
CSS 屬性
資料型別
術語和定義
指南
- 盒對齊概述
-
CSS 盒對齊模組中通用概念的概述。
- Flexbox 中的盒模型對齊
-
盒對齊在彈性盒佈局(Flexbox)上下文中的工作方式。
- CSS 網格佈局中的盒模型對齊
-
盒對齊在網格佈局上下文中的工作方式。
- 多列布局中的盒模型對齊
-
盒對齊在多列布局上下文中的工作方式。
- 塊級、絕對定位和表格佈局的盒模型對齊
-
盒對齊在塊佈局上下文中的工作方式,包括浮動、定位和表格元素。
相關概念
規範
| 規範 |
|---|
| CSS Box Alignment Module Level 3 |