关于弹性盒子模型:
弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。
CSS3 弹性盒子常用属性{
flex-direction 指定弹性容器中子元素排列方式
}{
row默认值。元素将水平显示,正如一个行一样。
row-reverse与 row 相同,但是以相反的顺序。
column元素将垂直显示,正如一个列一样。
column-reverse与 column 相同,但是以相反的顺序。
}
{
flex-wrap 属性规定flex容器是单行或者多行,同时横轴的方向决定了新行堆叠的方向
}{
nowrap默认值。规定元素不拆行或不拆列。
wrap规定元素在必要的时候拆行或拆列。
wrap-reverse规定元素在必要的时候拆行或拆列,但是以相反的顺序
}