flex布局详解

组成

flex布局由flex-container和flex-item组成.水平轴称为main axis 竖直轴称为cross axis

1
2
display:flex;//flex布局
display:inline-flex;//flex布局,元素变为行内容器,宽度是里面内容宽度

方向

1
2
3
4
flex-direction:row;//设置main axis 为行显示(默认)
flex-direction:row-reverse;//倒序
flex-direction:column;//竖直排列
flex-direction:column-reverse;

more >>