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

Posted 2023-03-28

简言之，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等。不懂继续追问，望采纳。