flex布局(弹性布局、伸缩布局)

flex是CSS3中的一种布局方式 主要介绍下弹性布局的常用的一些属性 当一个盒子设置为display:flex的时候,盒子会变为一个弹性盒子,盒子内部的子元素会默认沿着主轴方向排布,此时会引出主轴和侧轴的概念。 主轴:默认水平向右(类似于X轴) 侧轴:与主轴垂直的就是侧轴,默认垂直向下(类似于Y轴) 主轴方向（flex-direction) 弹性盒子的主轴方向默认水平向右,但是可以通过flex-

>>阅读原文<<