昨天我在学校里有一个使用CSS 3 flexbox语句的网站。我以前从未用过。因此,我用Google搜索了一下,发现了很多不同样式的flexbox语句。
有些人写display: box;,有些用display: flexbox;,还有一些display: flex;。
display: box;
display: flexbox;
display: flex;
那有什么区别呢?我应该使用哪个?
这些是不同的风格。 display: box;是2009年 display: flexbox;的版本。 display: flex;是2011年的版本。是实际版本。
保罗·爱尔兰的名言
警告:Flexbox进行了一些重大修订,因此本文已过时。总而言之,本文所基于的旧标准(Flexbox2009)是在v4以来的Chrome,v2以后的Firefox和IE10 beta中实现的。
从那时起,新的flexbox标准在Chrome17中首次亮相,并开始在Chrome17中首次亮相。StephanHay编写了有关新的flexbox实现的指南。从那时起,该规范进行了命名更改,该更改开始在Chrome 21中着陆。Chrome22稳定地实施了最新规范。
在这一点上,实施任一方法都有其风险,因此请注意。
当我使用flexbox时,我总是这样写:
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;