css3弹性⽅块布局：Flex 浏览器的兼容
CSS3弹性⽅块布局： flex
⽐较适合移动端的使⽤，下⾯是各浏览器的兼容情况
先说⼀下⾃⼰的理解。。
刚开始看到这个就有点懵，怎么⼀会是box，⼀会是flexbox，⼀会⼜是flex，到底是什么⿁东西！
其实他们只是不同版本的写法⽽已
W3C各个版本的flex
2009 version
标志：display: box; or a property that is box-{*} (eg. box-pack)
2011 version
标志：display: flexbox; or the flex() function or flex-pack property
2012 version
标志：display: flex/inline-flex; and flex-{*} properties
2014 version
新增了对flex项z-index的规定
2015 W3C Editor’s Draft
没有⼤的改动
P.S.注意2015的是W3C Editor’s Draft，只是个草案，还处于修修改改的阶段，还没有征集浏览器供应商的意见基本概念
Flex是Flexible Box的缩写，意为"弹性布局"，⽤来为盒状模型提供最⼤的灵活性。
任何⼀个容器都可以指定为Flex布局。
⾏内元素也可以使⽤Flex布局。
Webkit内核的浏览器，必须加上-webkit前缀。
注意，设为Flex布局以后，⼦元素的float、clear和vertical-align属性将失效。
flex布局详细讲解flex语法与实例
最后还是上阮⼤神的⽂章，讲解的很详细。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。