display: none
设置控件的样式和设置有什么区别display: block
?
9 回答
display 属性定义了某个 HTML 元素应该如何显示。显示block
和none
用于显示或隐藏 html 元素。您可以在此处阅读有关显示属性和可用选项的更多信息。
none:该元素根本不显示。
block:显示为块级元素的元素(如段落和标题)
显示:无;- 元素在DOM
但不可见并且不占用任何space
不同visibility:hidden
。
显示:块;- 一个块元素占用了full width
可用的元素,并且不允许在它们旁边放置其他元素。例子:div
这两个样式属性做了两个不同的事情。
display: none从文档中完全删除元素。它不占用任何空间,即使它的 HTML 仍在源代码中。(该元素根本不会生成框)
display: block元素将跨越可用空间的整个宽度。(元素前后的换行符)
还有另一个细微差别要显示:无;如果您将 div 作为子 div 动态插入到父 div——并且您将子的可见性属性显式设置为“可见”,则父级的可见性属性只会使父级可见/不可见;无论父母的可见性设置如何,孩子都将保持可见。
在这种情况下(父/子可见性由不同的样式规则设置),父级上的 display:none 设置将隐藏所有子级——即使父/子级是独立样式的。强调文本
display: none 表示该元素根本不显示(因此您也不会在示例中看到它)。
display: block 意味着元素显示为一个块,就像段落和标题一样。一个块的上下都有一些空白,并且它旁边不允许有 HTML 元素,除非另有命令
您在询问我认为的 CSS 属性。这用于显示/隐藏 DOM 元素
CSS 属性为 display,值为 'none'、'block' 等
参考:http ://w3fools.com/建议的CSS 显示
堵塞
对象被渲染为块元素。
没有任何
不渲染元素。元素(对布局没有影响);所有子元素的显示也会关闭。文档呈现为好像该元素不存在一样。
排队
默认。对象被呈现为一个内联元素,其大小由内容的尺寸决定。
项目清单
Internet Explorer 6 及更高版本。对象呈现为块元素,并添加了列表项标记。
表头组
对象被渲染为头。表格标题始终显示在所有其他行和行组之前,以及任何顶部标题之后。标题显示在由表格跨越的每个文档上。
表页脚组
对象呈现为 tFoot。表格页脚始终显示在所有其他行和行组之后,并且在任何底部标题之前。页脚显示在表格跨越的每个文档上。
内联块
对象被内联渲染,但对象的内容被渲染为块元素。在空间允许的情况下,相邻的内联元素呈现在同一行上。
无显示:隐藏控件。通过设置元素 style="display:none" 的属性,元素不会在网页中呈现,也不会发生
显示块:以块级显示网页上的元素
Display none 将隐藏包含,如果您将其应用于 div,则 div 的宽度和高度也将隐藏。显示块将显示包含。
Display:none;
表示该元素不会显示,Display:block;
表示该元素显示为块级元素(如段落和标题)。