CSS3 display:flex和display:box有什麼區別？

前者是flex 2012年的語法，也將是以後標準的語法，大部分瀏覽器已經實現了無字首版本。

後者是2009年的語法，已經過時，是需要加上對應字首的。

所以相容性的程式碼，大致如下

display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
display: -moz-box; /* Firefox 17- */
display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
display: -moz-flex; /* Firefox 18+ */
display: -ms-flexbox; /* IE 10 */
display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */