CSS box/flex 区别

2016/02/19 csssnippet

display: box 是 CSS 2009 年的语法,已经过时,需加上对应前缀

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

兼容性的代码,大致如下:

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+ */
上次更新: 2024/10/31 08:48:42