只是flex语法规范更新了几个版本:

• 前者 display:box 是2009年的语法版本，使用时需要加上浏览器的前缀，不过现在已经过时了。

• 后者 display:flex 是2012年最新修正的语法版本，浏览器支持较好，也将成为以后标准的语法。

• 中间2011年也提出了一个奇葩的语法版本 display:flexbox ，非官方的，当时主要是为IE浏览器使用。

display:box 浏览器支持：

display:flex 浏览器支持：

较为完整的兼容性代码，如下：

 .box {
    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+ */
}