以下内容为转录知乎问答：
前者是flex 2012年的语法，也将是以后标准的语法，大部分浏览器已经实现了无前缀版本。
后者是2009年的语法，已经过时，是需要加上对应前缀的。
所以兼容性的代码，大致如下
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+ */
CSS3 display:flex和display:box有什么区别？display:box布局的详细介绍（图解）...
关于display:-webkit-box 前提:display:flex和display:-webkit-box...
display: flex;display: -webkit-box;display: -webkit-flex;...
.flex {display: -webkit-box;display: -webkit-flex;display...
.display-flex{ display: -webkit-box; display: -moz-box; d...
以下内容为转录知乎问答：前者是flex 2012年的语法，也将是以后标准的语法，大部分浏览器已经实现了无前缀版本。...
父级设置flex.flex{ display:-webkit-box; display:-moz-bo...
一：display display: flex flex是Flexible Box的缩写，意为"弹性布局"，用来为...
弹性盒布局兼容性代码： .display-flex{ display: -webkit-box; display:...
.box{display: flex;}.box div{flex: 1;text-align: center;}...
本文标题：display:flex和display:box有什么区别
本文链接：https://www.haomeiwen.com/subject/lzyijftx.html
网友评论