meilinggankk的博客

转载 什么是弹性（display: flex）布局 ？

容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称”项目”。单个项目占据的主轴空间叫做main size，占据的交叉轴空间叫做cross size。具体的对齐方式与交叉轴的方向有关，下面假设交叉轴从上到下。