css - 隐藏负边距的元素

Question

我已经阅读(实际上是在 SO 上，但目前找不到帖子)有关隐藏具有负边距的元素的方法。

我记得，答案包含了对为什么要这样做的深入解释，以及相对于其他方法的好处(visibility: hidden; position: absolute;, display: none)。是的，该方法提供了一种从文档流中删除元素的方法(可能是骇人听闻的，无效的)。

这是我一直在做梦还是有这样的方法？如果有，那么是的，我会喜欢深入的解释。

提前致谢!

Answer 1

例如，您是想隐藏 block 级元素(例如 div)，还是仅隐藏链接上带有背景图片的文本。如果它是第二项，则您要查找的 CSS 是文本缩进。我过去是这样使用它的:

a.button {
  /* .button is a for instance class name */
  text-indent: -9999px
}

这将在文档流中保留 block 级元素(a 标签)和您放置在其上的任何背景，但会将文本移出屏幕。这是我过去使用过的一种技术，但要小心您隐藏的文本——搜索引擎将此视为一种准黑帽技术。只需确保隐藏文本看起来不像关键字堆砌或明显的垃圾邮件术语，就可以了。

希望这对您有所帮助。