CSS是網頁設計中不可或缺的一部分，它掌控著頁面的外觀和布局。然而，有時候我們會遇到一個問題，就是當文本內容超出了其容器的大小時，它會自動隱藏。這時候，我們就需要使用CSS來控制文本溢出的情況。

.overflow-hidden {
overflow: hidden; /* 隱藏超出容器大小的內容 */
text-overflow: ellipsis; /* 使用省略號代替被隱藏的文本內容 */
white-space: nowrap; /* 禁止文本換行 */
}

在上面的代碼中，我們使用了overflow: hidden屬性來隱藏超出容器大小的內容。接著，我們使用text-overflow: ellipsis屬性來代替被隱藏的文本內容，生成省略號。最后，我們使用white-space: nowrap屬性禁止文本自動換行。

除了以上的方法，我們還可以使用overflow: scroll屬性，使文本超出容器時出現滾動條。這樣，在用戶需要查看全部文本內容時，就可以通過滾動條進行滾動查看了。

.overflow-scroll {
overflow: scroll; /* 顯示滾動條 */
}

在上面的代碼中，我們使用overflow: scroll屬性將滾動條顯示出來。這時候，當文本內容超出容器大小時，就可以使用滾動條進行查看了。

在使用CSS控制文本溢出時，我們需要根據實際情況，選擇合適的方式來控制文本的顯示。這樣才能使我們的頁面達到最佳的視覺效果。