css - 有没有相反的显示:none?

Question

visibility: hidden 的反义词是visibility: visible。同理，display: none有没有反义词？

许多人在弄清楚如何显示具有 display: none 的元素时感到困惑，因为它不像使用 visibility 属性那样清晰。

我可以只使用 visibility: hidden 而不是 display: none，但它不会产生相同的效果，所以我不会使用它。

Answer 1

display: none 没有像 visibility:hidden 那样的字面意思。

visibility 属性决定一个元素是否可见。因此它有两种状态(可见和隐藏)，这两种状态是相反的。

但是，display 属性决定元素将遵循的布局规则。元素如何在 CSS 中自行布局有几种不同的规则，因此有几种不同的值(block、inline、inline-block等—see the documentation for these values here)。

display:none 从页面布局中完全删除一个元素，就好像它不存在一样。

display 的所有其他值都会使该元素成为页面的一部分，因此从某种意义上说，它们全部与display:none.

但是没有一个值是与 display:none 直接相反的 - 就像没有一种发型与“秃头”相反。