我想隱藏<span>中的文字。但爲什麼它不起作用？

我想隱藏<span>中的文字。但爲什麼它不起作用？我想隱藏<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>

來源

2010-04-07 Jitendra Vyas

文本對齊

適用於：塊級元素，表單元格和內聯塊

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

跨度默認爲內聯。

它所需要的值也是長度所以如果該值不爲零，則需要單位。

如果您要隱藏文檔中的信息似乎沒有什麼意義。我假設你正嘗試向屏幕閱讀器用戶提供信息，而不是所有用戶......但這些信息對不使用屏幕閱讀器的用戶有用。

來源

2010-04-07 12:36:59 Quentin

「和內聯塊」不包括這個？ – GalacticCowboy 2010-04-07 12:38:28

不，它沒有。 'display：inline'與'display：inline-block'不一樣。默認情況下跨度是內聯的而不是像最小位塊那樣。 – Quentin 2010-04-07 12:39:25

@David Dorward - 你是對的，但簽署的用戶我會把'title =「....」 – 2010-04-07 12:41:05

我以爲用CSS隱藏的工作是這樣的：

.pdf { 
    display: none; 
}

來源

2010-04-07 12:36:26 Tomalak

但顯示：沒有通過屏幕閱讀器跳過我只想隱藏此文本來自有遠見的用戶，但應由屏幕閱讀器讀取 – 2010-04-07 12:39:44

您可以爲屏幕，打印和屏幕閱讀器媒體類型分別設置CSS。查看@media關鍵字：http://www.w3.org/TR/CSS2/media.html – Tomalak 2010-04-07 12:42:53

「屏幕閱讀器媒體類型」實際上是可用於scree reader的不同媒體嗎？ – 2010-04-07 12:44:00

使用.pdf {display: none}

來源

2010-04-07 12:36:37

如果你想隱藏它，請使用用於該目的的CSS：

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

來源

2010-04-07 12:37:16 GalacticCowboy

試試這個

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

來源

2010-04-07 13:15:37 pixeltocode

我想隱藏<span>中的文字。但爲什麼它不起作用？

回答

相關問題