同樣是彈性盒模型，但是前後兩個版本不同，還是有一定的區別的，以下是百度後的記錄總結：

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;