我想要隐藏<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

\n

文本对齐

\n\n

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

\n

\n\n

\xe2\x80\x94 http://www.w3.org/TR/CSS2/text.html

\n\n

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

\n\n

它采用的值也是一个长度，因此如果该值非零则需要单位。

\n\n

如果您打算隐藏该信息，那么将其包含在文档中似乎没有什么意义。我假设您正在尝试向屏幕阅读器用户而不是所有用户 \xe2\x80\xa6 提供信息，但该信息对于不使用屏幕阅读器的人同样有用。

\n