CSS3 display：flex和display：box有什么区别
display：flex是2012年的语法，也将是以后标准的语法，大部分浏览器已经实现了无前缀版本。display：box是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+学习HTML5，建议你去看看HTML5学堂，里面有很多前端原创技术干货。
用弹性和布局时，display：flex可以和display：none一起使用吗
弹性布局：是提供一种更加有效的方式来对一个容器中的条目进行排列、对齐和分配空白空间。即便容器中条目的尺寸未知或是动态变化的，弹性盒布局模型也能正常的工作。
让一个盒子具有弹性布局的属性，要先给其加上样式display:flex；OK我们也会看到有写的是display:box/display:flexbox；其实他们只是不同时期的规范：
新规范：2013年最新版本规范的语法 即display:flex/inline-flex;
中间版本：2011年非官方规范的语法 即display:flexbox/inline-flexbox;
老规范：2009年规范的语法 即display:box/inline-/box;
带inline-的容器渲染为行内元素，没带的为块级元素
可以看到flex近几年几种不同的写法，相应的也带来很多兼容性问题，所以在开发过程中我们要兼顾所有版本！
CSS3 display：flex和display：box有什么区别
display：flex是2012年的语法，也将是以后标准的语法，大部分浏览器已经实现了无前缀版本。display：box是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+更多HTML5技术干货，建议你去看看HTML5学堂。
