设置控件的样式display: none
和display: block
有什么区别?
答案 0 :(得分:12)
display属性定义了应该如何显示某个HTML元素。显示block
和none
用于显示或隐藏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;
表示该元素显示为块级元素(如段落和标题)。