html - 隐藏任何 HTML 标签的正确方法是什么？

Question

什么是隐藏任何 HTML 的正确 CSS。例子-喜欢<div>标签。我曾经这样做:

div {display:none; visibility:hidden;}

CSS 是否支持所有主要浏览器隐藏该 div。特别是它是否支持 I.E.

Answer 1

如果您仍希望该元素在页面布局中占据空间，请使用visibility: hidden;。例如:

Hello
<div style="visibility: hidden; height: 100px;">Hidden</div>
World

你仍然会看到两段文本之间有 100px，但你不会看到 div 中的内容。

使用:

Hello
<div style="display: none; height: 100px;">Hidden</div>
World​​​​​

两个文本元素之间没有空格，因为 div 根本不会影响布局。

您能想到的任何现代浏览器都支持这两者。