display:box 和 display:flex 两者区别

前者display:box是2009年的语法版本,使用时需要加上浏览器的前缀,不过现在已经过时了。
后者display:flex是2012年最新修正的语法版本,浏览器支持较好,也将成为以后标准的语法。
中间2011年也提出了一个奇葩的语法版本display:flexbox,非官方的,当时主要是为IE浏览器使用。

display:box和display:flex两者区别

较为完整的兼容性代码,如下:
.box {
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+ /
}

» 本文来自:前端开发者 » 《display:box 和 display:flex 两者区别》
» 本文链接地址:https://www.rokub.com/9415.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!