Css的用法总结part3:css3弹性盒子模型

1:align-content 属性

定义:修改 flex-wrap 属性的行为,类似 align-items, 但不是设置子元素对齐,而是设置行对齐

Css的用法总结part3:css3弹性盒子模型

2:align-items 属性

定义:设置弹性盒子元素在侧轴(纵轴)方向上的对齐方式。

Css的用法总结part3:css3弹性盒子模型

3:align-self 属性

定义:在弹性子元素上使用。覆盖容器的 align-items 属性。

Css的用法总结part3:css3弹性盒子模型

4:justify-content 属性

定义:设置弹性盒子元素在主轴(横轴)方向上的对齐方式。

Css的用法总结part3:css3弹性盒子模型

5:flex-wrap 属性

定义:设置弹性盒子的子元素超出父容器时是否换行。

6:flex-flow 属性

定义:flex-direction 和 flex-wrap 的简写

7:order 属性

定义:设置弹性盒子的子元素排列顺序。

8:flex 属性

9:flex-direction 属性