13

display: none设置控件的样式和设置有什么区别display: block

4

9 回答 9

18

display 属性定义了某个 HTML 元素应该如何显示。显示blocknone用于显示或隐藏 html 元素。您可以在此处阅读有关显示属性和可用选项的更多信息。

  • none:该元素根本不显示。

  • block:显示为块级元素的元素(如段落和标题)

于 2012-12-26T10:16:48.770 回答
13

显示:无;- 元素在DOM但不可见并且不占用任何space不同visibility:hidden

显示:块;- 一个块元素占用了full width可用的元素,并且不允许在它们旁边放置其他元素。例子:div

于 2012-12-26T10:19:00.603 回答
3

这两个样式属性做了两个不同的事情。

display: none从文档中完全删除元素。它不占用任何空间,即使它的 HTML 仍在源代码中。(该元素根本不会生成框)

display: block元素将跨越可用空间的整个宽度。(元素前后的换行符)

于 2012-12-26T10:33:16.907 回答
1

还有另一个细微差别要显示:无;如果您将 div 作为子 div 动态插入到父 div——并且您将子的可见性属性显式设置为“可见”,则父级的可见性属性只会使父级可见/不可见;无论父母的可见性设置如何,孩子都将保持可见。

在这种情况下(父/子可见性由不同的样式规则设置),父级上的 display:none 设置隐藏所有子级——即使父/子级是独立样式的。强调文本

于 2013-08-22T18:16:22.313 回答
1

display: none 表示该元素根本不显示(因此您也不会在示例中看到它)。

display: block 意味着元素显示为一个块,就像段落和标题一样。一个块的上下都有一些空白,并且它旁边不允许有 HTML 元素,除非另有命令

于 2014-02-02T20:01:42.287 回答
0

您在询问我认为的 CSS 属性。这用于显示/隐藏 DOM 元素

CSS 属性为 display,值为 'none'、'block' 等

参考:http ://w3fools.com/建议的CSS 显示

堵塞

对象被渲染为块元素。

没有任何

不渲染元素。元素(对布局没有影响);所有子元素的显示也会关闭。文档呈现为好像该元素不存在一样。

排队

默认。对象被呈现为一个内联元素,其大小由内容的尺寸决定。

项目清单

Internet Explorer 6 及更高版本。对象呈现为块元素,并添加了列表项标记。

表头组

对象被渲染为头。表格标题始终显示在所有其他行和行组之前,以及任何顶部标题之后。标题显示在由表格跨越的每个文档上。

表页脚组

对象呈现为 tFoot。表格页脚始终显示在所有其他行和行组之后,并且在任何底部标题之前。页脚显示在表格跨越的每个文档上。

内联块

对象被内联渲染,但对象的内容被渲染为块元素。在空间允许的情况下,相邻的内联元素呈现在同一行上。

于 2012-12-26T10:17:53.783 回答
0

无显示:隐藏控件。通过设置元素 style="display:none" 的属性,元素不会在网页中呈现,也不会发生

显示块:以块级显示网页上的元素

于 2012-12-26T10:20:21.720 回答
0

Display none 将隐藏包含,如果您将其应用于 div,则 div 的宽度和高度也将隐藏。显示块将显示包含。

于 2012-12-26T10:20:32.513 回答
0

Display:none;表示该元素不会显示,Display:block;表示该元素显示为块级元素(如段落和标题)。

于 2012-12-26T10:21:38.773 回答