| 文件 | 简述 |
|---|---|
| 01-flex-direction.html | flex主轴方向 |
| 02-flex-wrap.html | flex-item的换行 |
| 03-flex-flow.html | flex-direction和flex-wrap的简写属性 |
| 04-justify-content.html | 每个项目的水平对齐方式 |
| 05-align-items.html | 每个项目的垂直对齐方式 |
| 06-align-content.html | 每条轴线的垂直对齐方式 |
| 文件 | 简述 |
|---|---|
| 07-order.html | 项目的顺序 |
| 08-flex-grow.html | 项目放大比例控制 |
| 09-flex-shrink.html | 项目缩小控制 |
| 10-flex-basis.html | 项目主轴的空余空间分配 |
| 11-flex.html | flex-grow、flex-shrink、flex-basis的简写属性 |
| 12-align-self.html | 允许单个项目与其他项目不一样的对齐方式 |
| 文件 | 描述 |
|---|---|
| 01.html | 单项目 |
| 03.html | 双项目 |
| 02.html | 三项目 |
| 04.html | 四项目 |
| 05.html | 六项目 |
| 06.html | 九项目 |
| 文件 | 描述 |
|---|---|
| 07.html | 基本网格布局 |
| 08.html | 百分比布局 |
| 09.html | 圣杯布局(最常见) |
| 10.html | 输入框布局 |
| 11.html | 悬挂式布局 |
| 12.html | 固定底栏(vh) |
| 13.html | 流式布局 |