CSS 盒子对齐
CSS 盒对齐模块指定了与容器内盒对齐相关的 CSS 特性。它定义了各种 CSS 盒布局模型的对齐方式,包括块布局、表格布局、弹性盒布局(Flexbox)和网格布局,从而在所有 CSS 中创建了一个统一的对齐方法。
该模块详细介绍了对齐术语,使对齐属性可以在多个布局模块中使用,而不受限于特定的布局方法。
对齐与书写模式相关联,因为当我们对齐一个项目时,我们不考虑是将其对齐到物理维度的顶部、右侧、底部和左侧。相反,我们根据正在处理的特定维度的起始和结束来描述对齐。这确保了无论文档采用何种书写模式,对齐都以相同的方式工作。
参考
CSS 属性
数据类型
术语和定义
指南
- 盒对齐概述
-
CSS 盒对齐模块中通用概念的概述。
- Flexbox 中的盒模型对齐
-
盒对齐在弹性盒布局(Flexbox)上下文中的工作方式。
- CSS 网格布局中的盒模型对齐
-
盒对齐在网格布局上下文中的工作方式。
- 多列布局中的盒模型对齐
-
盒对齐在多列布局上下文中的工作方式。
- 块级、绝对定位和表格布局的盒模型对齐
-
盒对齐在块布局上下文中的工作方式,包括浮动、定位和表格元素。
相关概念
规范
| 规范 |
|---|
| CSS Box Alignment Module Level 3 |