我想要隐藏<span>中的文本。但为什么它不起作用？</span>

Question

我想隐藏<span>中的文字。但为什么它不起作用？

.pdf {text-indent: -9999}

<p>
   <a href="reader_overview.pdf" title="Open in a new Window" target="_blank"><img src="pdf.gif" alt="PDF" width="16" height="16" />
   <span class="pdf">PDF 34KB, Opens in a new window</span> </a>
</p>

Answer 1

使用.pdf {display: none}

Answer 2

我认为用CSS隐藏起来是这样的：

.pdf {
  display: none;
}

Answer 3

  

文本对齐

     

适用于：块级元素，表格单元格和内联块

- http://www.w3.org/TR/CSS2/text.html

默认情况下，Span是内联的。

它所需的值也是长度，因此如果值非零则需要单位。

如果要隐藏它，将信息包含在文档中似乎没什么意义。我假设您正在尝试向屏幕阅读器用户而不是所有用户提供信息......但该信息对于不使用屏幕阅读器的人来说非常有用。

Answer 4

如果要隐藏它，请使用专门用于此目的的CSS：

.pdf { visibility: hidden; display: none; }

Answer 5

试试这个

.pdf {display: block; height: 40px; line-height: 200px;}