一尘不染

CSS3 Flexbox:显示:框与Flexbox与Flex

css

昨天我在学校里有一个使用CSS 3 flexbox语句的网站。我以前从未用过。因此,我用Google搜索了一下,发现了很多不同样式的flexbox语句。

有些人写display: box;,有些用display: flexbox;,还有一些display: flex;

那有什么区别呢?我应该使用哪个?


阅读 282

收藏
2020-05-16

共1个答案

一尘不染

这些是不同的风格。
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;
2020-05-16