CSS3–flex布局
将一个元素设置 display:flex, 那么这个元素可以做弹性布局。
注意：设置flex后, float,vertical-align，clear等属性就完全失效。
flex布局内不分行内、块级元素，可设宽高。
横向的对齐方式：
space-between：元素两边对齐；
space-around：元素外边距相等。
纵向的对齐方式
baseline：文字对齐（如行高不一时，确保在同一水平线）
flex-direction属性和flex-wrap属性的简写形式：默认值：row nowrap