flex-box

display：box和display：inline-box是比较老的版本了，新版本的是display：flex和display：inline-flex，至于区别，你可以把他理解成display：block与display：inline-block的区别因为他们分别继承block和inline-block的属性

　　如下介绍：
二者在css中的写法：

那么来说一说display 几个属性：
display:block ? ? ? ? ? ? ? ??将对象变成宽度和高度都可以设置的块元素
display:inline-block ? ? ? ?将对象变成高度定死，宽度自适应的行内块元素
display:display:box ? ? ? ?将对象作为弹性伸缩盒显示，同样继承block属性。（伸缩盒最老版本）
display:inline-box： ? ? ? ?将对象作为内联块级弹性伸缩盒显示，同样继承inline-block属性。（伸缩盒最老版本）
display:flexbox ? ? ? ? ? ? ? 将对象作为弹性伸缩盒显示，同样继承block属性。（伸缩盒过渡版本）
display:inline-flexbox ? ? ?将对象作为内联块级弹性伸缩盒显示，同样继承inline-block属性。（伸缩盒过渡版本）
display:flex ? ? ? ? ? ? ? ? ? ?将对象作为弹性伸缩盒显示，同样继承block属性。（伸缩盒最新版本）
display:inline-flex ? ? ? ? ? 将对象作为内联块级弹性伸缩盒显示，同样继承inline-block属性。（伸缩盒最新版本）