Flex 布局的元素的基本概念
导读：采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。 容器默认存在两根轴：水平的主轴（main axis...
采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。
容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end、
项目默认沿主轴排列，单个项目占据的主轴空间叫做main size，占据的交叉轴空间叫做cross size
三、容器属性
1）flex-direction：设置主轴方向
2）justify-content：设置主轴上的子元素排列方式
3）flex-wrap：设置子元素是否换行
4）align-content：设置侧轴上子元素排列方式（多行）
5）align-items：设置侧轴上子元素排列方式（单行）
6）flex-flow：复合属性，同时设置了flex-direction和flex-wrap
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： Flex 布局的元素的基本概念
本文地址： https://pptw.com/jishu/655750.html