51问答网 > CSS3 display：flex和display：box有什么区别

CSS3 display：flex和display：box有什么区别

2024-12-21 01:53:18

推荐回答（2个）

回答1：

前者是flex 2012年的语法，也将是以后标准的语法，大部分浏览器已经实现了无前缀版本。

后者是2009年的语法，已经过时，是需要加上对应前缀的。

所以兼容性的代码，大致如下

123456 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+ */

回答2：

flex是2012年的语法，以后也可能一直使用，而且现在大部分浏览器已经实现了无前缀使用。
box是要根据浏览器加前缀才能使用的，是2009年的版本，已经过时了。
还有flex和box有些国内的浏览器不支持