同樣是彈性盒模型，但是前後兩個版本不同，還是有一定的區別的，以下是百度後的記錄總結：
1.前者是flex2012年的語法，也將是以後的標準語法，大部分瀏覽器已經實現了無前綴版本。
後者是2009年的語法，已經過時，是需要加上對應前綴的。
2.flex是最新的，但是在實際的瀏覽器測試中，display: flex 不能完全替代display: -webkit-box
display: box 使用可以參考http://www.html5rocks.com/en/tutorials/flexbox/quick/
display: flex 使用可以參考https://css-tricks.com/snippets/css/a-guide-to-flexbox/
兼容性的問題可以參考https://css-tricks.com/old-flexbox-and-new-flexbox/
Android UC瀏覽器只支持display: box語法。而iOS UC瀏覽器則支持兩種方式
需要注意的是如果要使用line-clamp時需要用display:box;
3.推薦參考文章：flex:阮一峯：flex佈局