html中隐藏图片display,html中的display:none代表什么

html中的display:none代表什么

发布时间：2020-06-24 19:41:58

来源：亿速云

阅读：175

作者：元一

html中的display:none代表什么？可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

display:none的意思：

隐藏元素并脱离文档，流就是隐藏该区域，不占实际空间，但对后台来说真实存在，可以获取被隐藏的元素简单的来说就是将元素设置为none的时候既不会占据空间，也无法显示，相当于该元素不存在。

看完了display none的意思后，我们就接着来看一下display none的用法。

div{

background: lightblue;

width: 200px;

height: 200px;

}

span{

background: pink;

display: none;

}

需要隐藏的区域

设置了display:none属性值，则就变成了如下图所示的效果：需要隐藏的区域就被隐藏了。

display属性还有其他元素：值描述

none此元素不会被显示。

block此元素将显示为块级元素，此元素前后会带有换行符。

inline默认。此元素会被显示为内联元素，元素前后没有换行符。

inline-block行内块元素。(CSS2.1 新增的值)

list-item此元素会作为列表显示。

run-in此元素会根据上下文作为块级元素或内联元素显示。

compactCSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。

markerCSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。

table此元素会作为块级表格来显示(类似

inline-table此元素会作为内联表格来显示(类似

table-row-group此元素会作为一个或多个行的分组来显示(类似

)。

table-header-group此元素会作为一个或多个行的分组来显示(类似 )。

table-footer-group此元素会作为一个或多个行的分组来显示(类似

)。

table-row此元素会作为一个表格行显示(类似

)。

table-column-group此元素会作为一个或多个列的分组来显示(类似

)。

table-column此元素会作为一个单元格列显示(类似

)

table-cell此元素会作为一个表格单元格显示(类似

和 )

table-caption此元素会作为一个表格标题显示(类似

)

inherit规定应该从父元素继承 display 属性的值。

看完上述内容，你们对html中的display:none有进一步的了解吗？如果还想了解更多相关内容，欢迎关注亿速云行业资讯频道，感谢各位的阅读。