28
MAR
CSS Flex布局模块
1.基础和术语 CSS Flex布局模块，也称为flexbox，是一种高效地设计和构建响应式网页的技术。FlexBox中常用的关键术语： Flex line：flex容器内部沿着一条线对齐的flex子元素。默认情况下，在一个flex容器中只有一条flex线。 Main axis：flex子元素排列的主要轴线。根据flex-direction属性的不同，它可以是垂直或水平方向。 main-start edge 和 main-end edge：flex子元素从main-start edge开始，在main-end edge结束，在flex容器中沿着主轴方向排列。 Cross axis：与主轴垂直的轴线。 cross-start edge 和 cross-end edge：在容器中，flex线从cross-start edge开始，在cross-end edge结束，在容器中沿着交叉 …