flex弹性盒子布局基础

先抄一张图，表示了弹性盒子元素的组成，分为main轴和cross轴，start和end代表轴的两端。 弹性盒子的子元素的float、clear和vertical-align属性将失效。 弹性容器的6个属性： 1.flex-direction 用于规定弹性项目的排列方向。 row：水平 row-reverse：水平逆序  column ：竖直 column-reverse：竖直逆序 2.flex-w

>>阅读原文<<