display:flex和display:box的区别

2018-2-4 10:51| 作者: antzone| 查看: 1039| 评论: 0|来自: 蚂蚁部落

不少朋友在学习弹性布局的时候会遇到两种语法,一种是display:flex,一种是display:box。

它俩的区别在于语法的新旧:

(1).display:box是2009年的语法版本,现在已经过时了,不推荐使用。

(2).display:flex是2012年最新修正的语法版本,浏览器支持较好,也将成为以后标准的语法。

浏览器支持:

a:3:{s:3:\"pic\";s:43:\"portal/201704/09/105202erqxrddgdorxoqq2.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

比较完整的兼容性代码如下:

[CSS] 纯文本查看 复制代码
.box {
  display:-webkit-box; 
  display:-moz-box; 
  display:-webkit-flex; 
  display:-moz-flex; 
  display:-ms-flexbox; 
  display:flex; 
}

弹性布局可以参阅css3 Flex弹性布局基本语法介绍一章节。


鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部