CSS 弹性盒子：简单易懂的布局方式

CSS 的弹性盒子是一种布局模式，它允许容器中的项目能够自动地伸缩和排列，适应不同的屏幕大小和设备。常用的弹性盒子属性包括：'display'、'flex-direction'、'justify-content'、'align-items'、'flex-wrap'、'flex' 和 'order' 等。其中，'display' 属性用于定义容器为弹性盒子，'flex-direction' 属性用于定义主轴的方向，'justify-content' 属性用于定义项目在主轴上的对齐方式，'align-items' 属性用于定义项目在交叉轴上的对齐方式，'flex-wrap' 属性用于定义项目是否换行，'flex' 属性用于定义项目的伸缩比例，'order' 属性用于定义项目的排列顺序。