在網頁設計中，我們經常會使用CSS來設置頁面的樣式，但是有些時候，一些文字或圖片的內容會超出其所在的區域，導致頁面顯示不完整。針對這種問題，我們可以使用CSS的超出顯示功能來解決。下面我們就來詳細講解一下該功能的使用。

CSS的超出顯示功能主要包括兩種：超出部分省略號顯示和超出部分滾動條顯示。在進行CSS設置時，我們可以通過設定“text-overflow”屬性來達到這種效果。

/* 超出部分省略號顯示 */
 .ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
 }
/* 超出部分滾動條顯示 */
 .scroll {
overflow: scroll;
height: 200px;
width: 300px;
 }

對于超出部分省略號顯示，在設置中，我們需要使用“white-space”屬性來讓內容單行顯示，同時通過“overflow”屬性來隱藏溢出部分，最后通過“text-overflow”屬性來設置省略號的樣式。這樣設置后，當內容超出其所屬區域時，溢出部分就會被省略并顯示省略號。

而對于超出部分滾動條顯示，則需要設置“overflow”屬性為“scroll”，同時可以通過設置其“height”和“width”屬性來限制其滾動區域的大小，這樣當內容超過區域大小時，滾動條就會出現，用戶可以通過滾動條來查看溢出部分的內容。