flex和box都是将对象作为弹性盒子展示，但是flex是新版本
box-flex主要让子容器针对父容器的宽度按一定规则进行划分
个人列出dispaly 最常用到的4种属性。其他的貌似我也没用过、自己去调试一下应该很好理解的。不懂的可查看CSS2.0手册。
block、把元素设为块状
inline、把元素设为内联
none、设置为隐藏
inline-block 把元素设为行内块元素
父级元素有属性之后。他的子元素里面加上属性。可以让子元素按照父元素的宽度进行一定比例的分占空间。如：：依次是总共分为等分（）总宽度的分之，分之，分之
声明其实就是弹性盒子模型的声明，此声明下的子元素的行为与表现与CSS2中的传统盒子模型的表现是有显著的差异的。
这个css输出非常牛叉，不过只针对火狐和谷歌才有用！
将父元素下的子元素设置为可伸缩的元素
弹性布局：是提供一种更加有效的方式来对一个容器中的条目进行排列、对齐和分配空白空间。即便容器中条目的尺寸未知或是动态变化的，弹性盒布局模型也能正常的工作。
带inline-的容器渲染为行内元素，没带的为块级元素
可以看到flex近几年几种不同的写法，相应的也带来很多兼容性问题，所以在开发过程中我们要兼顾所有版本！
以上就是土嘎嘎小编大虾米为大家整理的display属性flex_displayflex兼容怎么用相关主题介绍,如果您觉得小编更新的文章对您有所帮助，不要忘记讲本站分享给您身边的朋友哦！！