码迷,mamicode.com
首页 > 其他好文 > 详细

flex布局

时间:2018-01-24 15:32:25      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:技术   lin   指定   ica   oat   前缀   blog   float   图片   

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布局

标签:技术   lin   指定   ica   oat   前缀   blog   float   图片   

原文地址:https://www.cnblogs.com/wildWolf10041520/p/8341359.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!