css3 弹性盒子

/* 使用弹性盒子布局 */

display: flex;

/* 设置子元素在父元素排列方向 */

flex-direction: row;

/* 子元素沿主轴对齐方式 */

/* justify-content: space-around; */

/* 定义子元素是否换行，默认不换行，如果装不开会缩小子元素的宽度，放到父元素中 */

flex-wrap: wrap;

/* 定义子元素侧轴排列方式 在子项为单行时使用*/

align-items: center;

/* 定义子元素侧轴排列方式 子项出现换行时有效 单行无效*/

align-content: space-around;

/* flex-direction和flex-warp属性的复合属性 */

flex-flow: column wrap;