Display(显示) 与 Visibility(可见性) 和hidden(html5新增)

display属性设置一个元素应如何显示,visibility属性指定一个元素应可见还是隐藏。

隐藏元素 - display:none或visibility:hidden

隐藏一个元素可以通过把display属性设置为"none",
或把visibility属性设置为"hidden"。

但是请注意,这两种方法会产生不同的结果。
visibility:hidden可以隐藏某个元素,
但隐藏的元素仍需占用与未隐藏之前一样的空间。
也就是说,该元素虽然被隐藏了,但仍然会影响布局。

HTML5全局属性hidden,感觉类似display:none;

<p hidden>这是一段隐藏的段落。</p>

 

posted @ 2020-06-01 05:15  假程序猿  阅读(1040)  评论(0编辑  收藏  举报