说 display 属性有哪些？可以做什么？

最新推荐文章于 2025-05-20 11:28:11 发布

原创最新推荐文章于 2025-05-20 11:28:11 发布 · 1.5k 阅读

CC 4.0 BY-SA版权

文章标签：

16 篇文章

订阅专栏

本文详细介绍了CSS中display属性的不同值及其作用，包括inherit、block、inline、inline-block、none、list-item、table、table-row及table-cell等，并解释了它们如何影响页面布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

inherit：规定应该从父元素继承 display 属性的值。
block：变成一个块元素，单独占一行，可以设置width,height，maigin四个方向，padding四个方向；
inline：变成一个行内元素，元素的宽度就是它内容的宽度，不可改变。
inline-block：变成一个行内块元素，和内联元素在同一行，但自身相当于块级元素，可以设置width,height等属性。
none：隐藏该元素，不占空间。但对开发来说真实存在，可以获取被隐藏的元素。 list-item：此元素会作为列表显示。
table：此元素会作为块级表格来显示（类似 < table >），表格前后带有换行符。
table-row：此元素会作为一个表格行显示（类似 < tr >）。 table-cell：此元素会作为一个表格单元格显示（类似 < td > 和 < th >）。