隱顯文字是一種常用的 CSS 技巧，可以在不影響頁面結構和布局的情況下隱藏某些內容。這在許多情況下都非常有用，比如：

• 隱藏訪問性文本，以便只有輔助技術（如屏幕閱讀器）可以讀取它
• 隱藏某些層級結構下的文本，以使其在其他媒體查詢中可見
• 隱藏某些內容，以便僅在特定情況下顯示

在 CSS 中，有兩種方法可以實現隱顯文字。它們分別是使用opacity屬性和visibility屬性。

使用 opacity 屬性

opacity屬性控制一個元素的透明度。當把透明度設置為 0 時，元素會變為完全透明，這意味著它隱藏了所有內容，包括文本。以下示例演示如何使用opacity屬性來隱藏文本：

.hidden-text {
opacity: 0;
}

在上面的示例中，我們使用 CSS 類名hidden-text來標識要隱藏的文本。然后，通過將元素的opacity屬性設置為 0，我們將其完全隱藏。

使用 visibility 屬性

visibility屬性控制元素是否可見。當把visibility設置為hidden時，元素會變為不可見，但并不會完全消失。它仍然占據頁面布局位置，并且可以被其他元素占據。以下示例演示如何使用visibility屬性來隱藏文本：

.hidden-text {
visibility: hidden;
}

在上面的示例中，我們同樣使用 CSS 類名hidden-text來標識要隱藏的文本。然后，將元素的visibility屬性設置為hidden，我們將其隱藏。

兩種方式中，visibility屬性更適合隱藏可訪問性文本，因為它不會隱藏元素內的輔助技術文本。但如果你想要完全隱藏一個元素，包括它內部的所有文本和子元素，那么使用opacity屬性是更好的選擇。