CSS3 display：flex和display：box有啥区别

Posted 2023-03-28

flexbox是有两种语法方式的，一种是display: box 和 display: flex及对应的厂商前缀方法。前一种是09年开始实施的，后一种是2012年开始使用的。
display: box 使用可以参考http://www.html5rocks.com/en/tutorials/flexbox/quick/
display: flex 使用可以参考https://css-tricks.com/snippets/css/a-guide-to-flexbox/
兼容性的问题可以参考https://css-tricks.com/old-flexbox-and-new-flexbox/
现在普遍用的是display：flex；希望对你有帮助，望采纳！ 参考技术A 旧版是box,过度版是flexbox,新版是flex

CSS3 display：flex和display：box有啥区别

简言之，display:box是09年制定的标准，而display:flex是12年的标准，这中间还经历过11年的display:flexbox，从目前来看，display:flex应该是最终标准了，各种浏览器的最新版本几乎都已实现了无前缀的支持。也就是说，display:box是旧的，display:flex是新的。如果你是开发手机界面，建议用display:flex，如果需要兼顾一些非常古老的机型，可再加上display:-webkit-box。实际使用中两者还是存在一些细微差别的，这里就不一一说明了。 参考技术A flex是2012年以后的语法标准，也就是现在大部分浏览器识别的标准语法，属性前不用加前缀，直接写display:flex就可以。box是2009年的语法，基本过时，写的时候属性前必须写上前缀浏览器才能识别，例如display:-webkit-box
display:-moz-box等。不懂继续追问，望采纳。