H5 新属性

display：flex（弹性布局）

多栏多列布局

兼容性问题

1.*比较适合移动端技术的开发，（微信自带浏览器支持亲测）

 .father{
     display:flex;               /*FF*/
     display:-webkit-flex;       /*Chrome Opera*/
 }
 .child{
     flex:1; /*就可以实现子元素的水平平均对其*/
 }

注意：

1.设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。

个人感觉：该方法应用在等比或者多比的布局中比较好。

更详尽讲解请见：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool