[分享]css中display有哪些属性值

 display:inline;

inline 表示该元素将呈现为内联元素，不会引起换行。 inline元素具有可保持元素标签之间空格不被折叠的特性。

 display:inline-block;

inline-block 表示该元素呈现为内联元素，但其内容会像块级元素一样排列，可以被设置宽度、高度、上下边距、上下内外边距等相关CSS属性进行改变。inline-block常用于垂直居中、图文混排等布局。

 display:none;

none 表示该元素将不会被渲染，它是CSS的一个隐藏属性，即元素在页面上不可见、不占空间，但其在DOM树上仍然存在。

 display:flex; 

flex 属性已经成为Web设计中常用的布局方式之一，它将元素排列在一列或一行上，并可以很方便的为子元素设置弹性盒子模式的其他属性，如justify-content、algin-items等。flex布局在响应式网页设计中有着很重要的应用。