display:flex和display:box都可用於彈性佈局，在實際的測試中display:flex不能完全的替代display:box；
display:flex的存在瀏覽器兼容性，兼容寫法：
.container{
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+ */
}
不考慮IE瀏覽器的話，PC端上使用哪個都可以，一般使用display:flex；移動端的安卓的UC只支持display:box，iOS的UCdisplay:box和display:flex兩個都支持。
box-orient: vertical; // 排列方向
box-direction: normal; // 兩個值 normal(正常)和reverse（反向), box-direction：反向分佈, 一般爲了值reverse（反向）而用；
flex-direction: column; // row, row-reverse