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

Question

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

http://css.doyoe.com/ 在这里找到答案了

Answer 1

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

Answer 2

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

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

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

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

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

Answer 3

参考flex布局介绍
www.bestvist.com/2017/09/19/flex/