[分享]css中display是什么意思

CSS中display是什么意思？display属性定义了如何显示一个元素，在CSS中是一个常见的属性，控制元素的显示方式。display有很多种属性值，常用的有block、inline、inlin...

CSS中display是什么意思？

display属性定义了如何显示一个元素，在CSS中是一个常见的属性，控制元素的显示方式。display有很多种属性值，常用的有block、inline、inline-block、none等。 

block：将元素显示为块级元素，即独占一行，横向占满父容器。block元素宽度、高度、内边距、外边距全部可控制。

inline：将元素显示为行内元素，和相邻行内元素在同一行，宽度随内容而定，高度、内边距、外边距只能改变上下的数值。

inline-block：将元素以行内块级别方式显示，和相邻行内元素在同一行，但可以设置元素的宽度、高度、内边距、外边距。常用于制作多列布局等。

none：将元素隐藏，不占据页面空间，隐藏后不会出现滚动条。display:none的常见应用是通过JS控制用户是否可以看到元素。

还有其他常用的display值：table, table-cell, table-row, flex等，这些值通常用于实现响应式布局、表格布局以及弹性盒子布局。

总结：display属性定义了元素的显示方式，常用的属性值有block、inline、inline-block、none等，通过不同的属性值可以实现不同的布局效果。在CSS布局中常用display属性来控制元素的呈现方式。