display none和display block之间的区别

时间:2012-12-26 10:14:28

标签: html css styling

设置控件的样式display: nonedisplay: block有什么区别?

9 个答案:

答案 0 :(得分:12)

display属性定义了应该如何显示某个HTML元素。显示blocknone用于显示或隐藏html元素。您可以详细了解展示广告属性和可用选项 here

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

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

答案 1 :(得分:8)

显示:无; - 该元素位于DOM但不可见,与space不同,不会占用任何visibility:hidden

显示:阻止; - 块元素占用full width可用,并且不允许将其他元素放在它们旁边。示例:div

答案 2 :(得分:3)

这两个样式属性做两件事。

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

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

答案 3 :(得分:1)

还有另一个细微差别:无;如果您将div作为子项动态插入父div - 并且您明确将子项 的visibility属性设置为“visible”,则父级的visibility属性只会让父母看得见/看不见;无论父母的能见度设置如何,孩子都将保持可见状态。

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

答案 4 :(得分:1)

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

display:block表示元素显示为块,因为段落和标题始终如此。块在其上方和下方有一些空格,并且不允许旁边的HTML元素,除非另有命令

答案 5 :(得分:0)

你在问我想的CSS属性。这用于显示/隐藏DOM元素

显示CSS属性,值为'none','block'等

根据CSS Display建议 http://w3fools.com/

阻止

对象呈现为块元素。

<强>无

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

<强>内联

默认。对象呈现为按内容维度大小调整的内联元素。

<强>列表项

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

表格头组

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

表格躯基

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

<强>内联块

对象以内联方式呈现,但对象的内容呈现为块元素。在空间允许的情况下,相邻的内联元素呈现在同一条线上。

答案 6 :(得分:0)

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

显示块:在块级别的网页上显示元素

答案 7 :(得分:0)

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

答案 8 :(得分:0)

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