前端 - display:box box-flex 和 display:flex flex 有什么区别？

巴扎黑2017-04-17 11:28:28

flexbox是css灵活盒布局模块，在发展的过程中标准也不断变化：

1. display:box,box-{*}是2009的flexbox版本

2. display:flexbox,或者函数flex()，是2011年比较奇怪的杂糅

3. display:flex,flex-{*},是目前正在使用的2012年发布的标准

潮流当然是要跟着最新的标准走，但是前端的问题当然要根据支持浏览器的支持情况来决定，如果低版本的浏览器支只支持旧的标准，而我们又需要支持这部分浏览器的话，你也必须写上，但是它们的用法还是很相似的，所以如果为了兼容，同时写上也是无可厚非的。

怪我咯2017-04-17 11:28:28

display:box box-flex 是比较早期的 flex 布局用法吧，标准化里面没有了，display:flex 是标准的