编辑“︁CSS弹性盒实例”︁（章节）

== 简介 ==
弹性盒布局（Flexbox）通过将容器设为弹性容器（flex container）来控制其子元素（flex items）的排列方式。弹性盒模型的主要优势包括：
* 简化复杂布局的实现
* 自动调整元素大小以填充可用空间
* 轻松实现水平和垂直居中
* 改变元素的显示顺序而不影响HTML结构

弹性盒布局由两个主要组件组成：
# '''弹性容器'''：通过设置<code>display: flex</code>或<code>display: inline-flex</code>创建
# '''弹性项目'''：弹性容器内的直接子元素