在網站設計中，為了讓用戶更好地閱讀相關信息，通常需要對一些文字內容進行自動顯示和隱藏。這時候，CSS的display屬性就派上用場了。

/* 隱藏文字 */
.hide-text {
display: none;
}
/* 顯示文字 */
.show-text {
display: block;
}

上面的CSS代碼中，通過設置display屬性的值，可以讓對應的文字內容自動隱藏或顯示。其中，display:none表示隱藏，display:block表示顯示。

當然，如果我們想讓文字內容在點擊某個元素后自動顯示或隱藏，我們還需要用到JavaScript來實現。例如，下面的代碼可以讓一個按鈕控制文字的顯示和隱藏：

var btn = document.getElementById("showHideBtn");
var text = document.getElementById("text");
btn.addEventListener("click", function() {
if (text.style.display === "none") {
text.style.display = "block";
} else {
text.style.display = "none";
}
});

上述代碼中，我們通過獲取對應的按鈕和文字元素，并添加了一個點擊事件監聽器。當按鈕被點擊時，我們判斷文字內容當前是否是隱藏的狀態，如果是，就將其顯示出來，否則將其隱藏。

通過上述CSS和JavaScript的結合使用，我們可以實現文字內容的自動顯示和隱藏，讓用戶閱讀相關信息更加方便快捷。