flex布局

Posted wildwolf10041520

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了flex布局相关的知识,希望对你有一定的参考价值。

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布局的主要内容,如果未能解决你的问题,请参考以下文章

flex布局

flex布局全解析

flex 布局

Flex布局

前端应知应会:flex布局详解

Vue 中 Flex布局