问题描述
display:box box-flex 和 display:flex flex 有什么区别?
http://css.doyoe.com/ 在这里找到答案了
问题解答
回答1:flexbox是css灵活盒布局模块,在发展的过程中标准也不断变化:
display:box,box-{*}是2009的flexbox版本
display:flexbox,或者函数flex(),是2011年比较奇怪的杂糅
display:flex,flex-{*},是目前正在使用的2012年发布的标准
潮流当然是要跟着最新的标准走,但是前端的问题当然要根据支持浏览器的支持情况来决定,如果低版本的浏览器支只支持旧的标准,而我们又需要支持这部分浏览器的话,你也必须写上,但是它们的用法还是很相似的,所以如果为了兼容,同时写上也是无可厚非的。
回答2:display:box box-flex 是比较早期的 flex 布局用法吧,标准化里面没有了,display:flex 是标准的