CSS3–flex布局

CSS3–flex布局 将一个元素设置 display:flex, 那么这个元素可以做弹性布局。 注意：设置flex后, float,vertical-align，clear等属性就完全失效。 flex布局内不分行内、块级元素，可设宽高。 横向的对齐方式： space-between：元素两边对齐； space-around：元素外边距相等。 纵向的对齐方式 baseline：文字对齐（如行高不一

>>阅读原文<<