CSS禁止文字的方法

在CSS中，我們可以使用visibility屬性來(lái)禁止文字。visibility屬性用于設(shè)置元素的可見(jiàn)性，如果將其設(shè)置為hidden，則元素及其子元素都不會(huì)被顯示，包括文字。

假設(shè)我們有一個(gè)HTML元素，其內(nèi)容包含一些文字，我們可以使用以下CSS代碼來(lái)禁止這些文字：

.hidden-text {
  visibility: hidden;
}

我們可以將hidden-text類(lèi)應(yīng)用到需要禁止文字的HTML元素上，

<p class="hidden-text">這是一段需要禁止的文字。</p>

這樣，這段文字就不會(huì)被顯示了，需要注意的是，雖然visibility: hidden;可以禁止文字顯示，但它并不會(huì)影響文檔布局，也就是說(shuō)，該元素仍然會(huì)占據(jù)其原本在文檔中的空間，如果你希望元素完全消失，包括其占據(jù)的空間，可以使用display: none;來(lái)替代visibility: hidden;。

如果你希望在某些特定情況下禁止文字顯示，例如在小屏幕設(shè)備上隱藏某些信息，可以使用媒體查詢(xún)（media queries）來(lái)實(shí)現(xiàn)。

@media (max-width: 600px) {
  .hidden-text {
    visibility: hidden;
  }
}

這樣，當(dāng)屏幕寬度小于或等于600px時(shí)，hidden-text類(lèi)的元素及其文字就不會(huì)被顯示了。