display:flex 意思是弹性布局，它能够扩展和收缩flex容器内的元素，以最大限度地填充可用空间。Flex是Flex...
区别如下：display：flex主要让子容器针对父容器的宽度按一定规则进行划分 display：box主要是控制父容器里面子元素的排列方式、排列顺序、垂直（水平）对齐方式
display:flex和display:box都可用于弹性布局,不同的是display:box是2009年的命名,已经过时,用的时候需要加上前 缀;display:flex是2012年之后的命名。在实际的测试中display:flex不能完全的替代display:box。display:flex的浏览器 兼容性比较麻烦。 1.关于display:flex 对于响应式布局,使用flex很方便,但是它的兼容性...
display:flex和display:box都可用于弹性布局,不同的是display:box是2009年的命名,已经过时,用的时候需要加上前缀;display:flex是2012年之后的命名。在实际的测试中display:flex不能完全的替代display:box。display:flex的浏览器兼容性比较麻烦。 1.关于display:flex 对于响应式布局,使用flex很方便,但是它的兼容性也是...
前者是flex 2012年的语法，也将是以后标准的语法，大部分浏览器已经实现了无前缀版本。后者是2009年的语法，已经过时，是需要加上对应前缀的。
简言之，display:box是09年制定的标准，而display:flex是12年的标准，这中间还经历过11年的display:flexbox，从目前来看，display:flex应该是最终标准了，各种浏览器的最新版本几乎都已实现了无前缀的支持。也就是说，display:box是旧的，display:flex是新的。如果你是开发手机界面，建议用display:flex，...
box 是旧属性，已经被flex代替。flex和box都是伸缩盒，具体细节有区别。一些浏览器可能只支持box.由于css3还是讨论稿，所以一些属性可能随时被修改。
Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。与box有很多共同之处，但flex比box更完善，拥有更多的属性和更灵活的布局。flex就像box的升级版，但是具体是不是升级版，我不知道。
box：主要是控制父容器里面子元素的排列方式、排列顺序、垂直（水平）对齐方式 box-flex：主要让子容器针对父容器的宽度按一定规则进行划分
独立显示被设定成只针对可见元素，而不是基于代码的声明和导航顺序。"display: block" 生成一个块元素盒。"display: flex" 的行为类似于块元件（ block element）和根据本flexbox模型布置出其含量。更多：https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Flexible_boxes ...