2009年,w3c提出一个新的布局,Flex布局。可以简便,完整,响应式的各种页面布局。各种浏览器可以实现,但是有兼容性,IE10+
Flex是flexible box的缩写,意为弹性布局。
任何一个元素都可以指定为flex布局。
.box{
display:flex;
}
行内元素也可以是flex布局,.box{display:inline-flex}
webkit浏览器必须要加-webkit前缀:
.box{display:-webkit-flex;display:flex;}设为flex之后,float,clear,vertical-align属性失效。