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

Question

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

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

Answer 1

flexbox是css靈活盒佈置模組，在發展的過程中標準也不斷變化：

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

2. display:flexbox,或函數flex()，是2011年比較奇怪的雜糅

3. display:flex,flex-{*},是目前正在使用的2012年發布的標準

潮流當然是要跟著最新的標準走，但是前端的問題當然要根據支持瀏覽器的支持情況來決定，如果低版本的瀏覽器支只支持舊的標準，而我們又需要支持這部分瀏覽器的話，你也必須寫上，但是它們的用法還是很相似的，所以如果為了兼容，同時寫上也是無可厚非的。

Answer 2

display:box box-flex 是比較早期的 flex 版面用法吧，標準化裡面沒有了，display:flex 是標準的