弹性有两个对象:
一、弹性盒子
这个弹性盒子是块级元素,可以设置宽度与高度。弹性盒子内的元素默认是水平排列的。
上图是行级块,没有宽度
二、弹性元素:弹性盒子内的元素就是弹性元素
2.1改变弹性盒子内的元素方向排列方式:(注意:属性是在盒子内部的)
2.1.1在盒子内定义flex-direction:row;,他就按水平从左至右排列,定义flex-direction:row-reverse;就会水平从右至左排列。
2.1.2在盒子内定义flex-direction:column;,他就按垂直从上到下排列,定义flex-direction:column-reverse;就会垂直从下至上排列。
2.1.3 弹性元素折行排列。
2.1.4排列方向与折行可以合并成flex-flow:row wrap(建议使用)。
2.1.5
2.1.5.1:background - clip属性指定背景绘制区域
2.1.5.2:box-sizing
列。
2.1.2