flex容器属性和项目属性有哪些
时间: 2024-06-06 21:08:38 浏览: 91
Flex的容器的说明及应用
Flex容器属性:
1. display: 设置元素为flex容器
2. flex-direction: 设置主轴的方向
3. justify-content: 对齐方式(主轴方向)
4. align-items: 对齐方式(交叉轴方向)
5. align-content: 多根轴线的对齐方式(交叉轴方向)
Flex项目属性:
1. order: 项目的排列顺序
2. flex-grow: 项目的放大比例
3. flex-shrink: 项目的缩小比例
4. flex-basis: 项目的基准值
5. flex: flex-grow、flex-shrink和flex-basis的缩写
6. align-self: 项目的对齐方式(交叉轴方向),覆盖align-items属性
阅读全文