不显示但保留空间 - CSS

在前端开发中，我们可能会遇到一些需要占位但是不需要显示的元素，这时候我们可以使用 CSS 来实现。

方法一 - visibility

我们可以使用 visibility: hidden 来隐藏元素，但是元素仍然占据着原来的空间。

.hidden {
  visibility: hidden;
}

方法二 - opacity

另一种方法是使用 opacity: 0，让元素完全透明，也能达到隐藏元素的效果，但是仍然占据着原来的空间。

.hidden {
  opacity: 0;
}

方法三 - position

我们还可以使用绝对定位来隐藏元素，这时候元素也不会占据原来的空间。

.hidden {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

方法四 - display

另一种方法是使用 display: none，元素不仅不会显示，也不会占据任何的空间。

.hidden {
  display: none;
}

总结

以上四种方法都可以用来隐藏元素，但每种方法的效果不同，程序员可以根据实际需求选择合适的方法。