These are different styles.
display: box;
is a version of 2009.
display: flexbox;
is a version of 2011.
display: flex;
is the actual version.
Quote of Paul Irish个
警告:Flexbox已经进行了一些重大修改,因此本文
已经过时了.总而言之,这old standard (Flexbox 2009)个,
本文是基于Chrome v4、Firefox之后实现的
从v2和IE10测试版开始.
从那时起,the new flexbox standard debuted,并开始出道在
chromium 17.斯蒂芬·海伊有written a guide on the new flexbox
implementation分.从那时起,规范经历了命名更改,
开始登陆Chrome 21.Chrome22有一个稳定的实现
最新的规格.
在这一点上,实现任一has its risks,所以要注意.
Here is the blog about the different flexbox statements.
This is a blog entry by css-tricks about the different versions.
当我使用FlexBox时,我总是这样写的:
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
编辑:
不过,并不是每个人都有能够查看FlexBox布局的浏览器/设备.因此,对于后备解决方案或替代方案,凯南·优素福(Kenan Yusuf)写了this article篇关于如何入门的文章.