text-indent不适用于锚标记

Question

我正在使用:

<a href="">Lorem ipsum dolor.</a>

CSS:

a{text-indent:-9999px;}

......但这不起作用.例如<p>,当我使用另一个标签时,它可以正常工作.

我也尝试添加overflow:hiddencss,但它仍然无法正常工作.我认为这个css属性有一个概念错误.

Answer 1

正如其他答案所示,您只能应用于text-indent: -9999px块元素.你可以使用display: inline-block或display: block;它会起作用.

我也建议使用

text-indent: 100%;
white-space: nowrap;
overflow: hidden;

而不是text-indent: -9999px;因为-9999px强制浏览器在屏幕外创建一个9999px的盒子.在此处了解有关此"hack"的更多信息:http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/