今天，我们中的许多人都意识到，旧有的价值观display财产就像inline and block在 CSS3 中引入新的灵活盒子模型后就已经过时了。但是，我们可能会在同一个灵活的盒子模型中在网络上找到不同的信息。
我们可能会发现主要有 3 个不同的值display财产即flex, box and flexbox。这三种灵活盒模型有什么区别，该使用哪一种？
您可以使用您需要支持的浏览器所需的任何一个。
display: box
- 火狐2.0？ （带前缀）
- 铬4.0？ （带前缀）
- Safari/iOS 3.1？ （带前缀）
- Android 2.1（带前缀）
据我所知，通过包装box-lines: multiple未在任何浏览器中实现。
display: flexbox
- 铬 17-?? （带前缀）
- Internet Explorer 10（带前缀）
显示： 柔性- 现行标准
- Chrome 21（有前缀）、29（无前缀）
- Opera 12.1（无前缀）、15（webkit 前缀）
- Firefox 22（无前缀）
- Safari/iOS 7（带前缀）
- 黑莓 10（前缀）
- Internet Explorer 11（无前缀）
http://caniuse.com/#feat=flexbox（请注意，IE10 是唯一标记为部分支持换行的浏览器）
规格为flexbox and flex足够相似，没有理由not包括两者，特别是因为 IE10 仅支持flexbox规格规格为box是非常不同的，并且可能不值得包含，具体取决于您所追求的效果，尽管几乎所有属性都与在flexbox/flex specs.
您可能会发现有些浏览器支持多种规格。他们可能会放弃对旧规范的支持，因此请务必确保包含flex特性。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
