CSS布局的新方法

时间：2014-7-25

   IE10和所有其他现代浏览器都已实现了多栏布局属性.基于WebKit的浏览器和Firefox需要使用供应商前缀,另外,Firefox还缺少对column-span属性的支持,只有Opera和IE10支持break-before和break-after属性.
   所有主流浏览器都支持Flexbox,在基于WebKit的用户代理中,它需要一个供应商前缀,IOS 6.1及以下版本使用当前语法和一个较旧版本语法的合并,jstify-content属性没有被实现,相反,它具有传统的box-pack属性.希望读者阅读本文章时,这种情况已经得到了改善.
   IE10使用的语法也过时了,它完全添加了供应商前缀,更多详细信息可以查看IE10的开发人员指南.
   Firefox只支持单线程的Flexbox,所以flex-wrap属性和flex-flow速记属性被忽略.
   正如以前所说,IE10浏览器是唯一支持网络布局的浏览器,它使用的是带有-ms-前缀的旧版本的语法.网格而已在WebKit浏览器中的实现还在进行中,这个过程应该使用符合规范的语法,目前,尚未有任何浏览器实现了grid-templete属性.