display有哪些值？说明他们的作用

小码哥・Martin

于 2022-07-15 20:15:00 发布

阅读量96

点赞数

分类专栏： CSS 文章标签： css css3 html5

本文链接：https://blog.csdn.net/php_martin/article/details/125740909

版权

CSS 专栏收录该内容

46 篇文章

订阅专栏

本文深入探讨了CSS中的display属性，包括如何将元素转换为块级、行内、行内块及列表项等不同类型，同时讲解了如何使用none使其不可见。此外，还介绍了table值如何使元素以表格形式展示，以及inherit如何继承父元素的display属性。对于前端开发者来说，理解这些概念对于布局和页面设计至关重要。

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

                    
                    block 转换成块状元素。
inline 转换成行内元素。
none 设置元素不可见。
inline-block 象行内元素一样显示，但其内容象块类型元素一样显示。
list-item 象块类型元素一样显示，并添加样式列表标记。
table 此元素会作为块级表格来显示
inherit 规定应该从父元素继承 display 属性的值