弹性盒模型（2）------Flex容器元素

阅读更多

【前言】

      本文简单总结下弹性盒模型的元素组成

 

【主体】

      采用flex布局的元素，被称为flex容器（flex container），简称容器。它的所有子元素会自动成为容器成员，称为flex项目（flex item），简称项目

    
      容器存在两根轴，主轴（main axis）和纵轴即垂直的交叉轴（cross axis）。主轴开始位置为main start，结束位置main end。纵轴开始位置为cross start，结束位置cross end。

      项目默认沿主轴main axis排列，单个项目占据的主轴空间叫做main size，占据的纵轴空间叫做cross size。

 

.

• 
• 大小: 9.8 KB

• 查看图片附件