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属性失效。
flex布局
Posted wildwolf10041520
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了flex布局相关的知识,希望对你有一定的参考价值。
以上是关于flex布局的主要内容,如果未能解决你的问题,请参考以下文章