CSS中有一個非常實用的功能，就是可以省略段落多余的文字，以便使頁面更加美觀。本文將介紹如何使用CSS省略段落中多余的文字。 首先，在HTML代碼中，我們需要使用p標簽來定義段落。例如：

<p>這是一個很長的段落，內容非常豐富。</p>

如果我們將這段代碼應用到頁面中，可能會出現以下情況： 這是一個很長的段落，內容非常豐富。 顯然，這樣的效果不太美觀，因為段落中的文字太多，超出了頁面的寬度。 為了解決這個問題，我們可以使用CSS中的text-overflow屬性來省略超出部分的文字。 text-overflow屬性有以下三個可選值： - clip：超出部分被裁剪 - ellipsis：用省略號代替超出部分 - initial：不省略，顯示全部文字 通常情況下，我們會使用ellipsis來實現省略效果。 我們需要給p標簽添加三個樣式屬性：white-space、overflow和text-overflow。 white-space的默認值是normal，表示文本中的空白符號（如空格、制表符等）會被瀏覽器忽略。如果將white-space設置為nowrap，表示空白符號不會被忽略，這樣段落中所有的文字會連成一串。 overflow的默認值是visible，表示元素內容不會被修剪，可溢出到邊框外。如果將overflow設置為hidden，則元素內容溢出后會被隱藏。 text-overflow的默認值是clip，表示默認情況下不會進行文字的省略。如果將text-overflow設置為ellipsis，則超出部分將用省略號代替。 以下是CSS樣式的代碼：

p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

將以上樣式應用到p標簽上，就可以實現自動省略多余的文字效果。 總結：通過設置white-space、overflow和text-overflow這三個屬性，我們可以很方便地實現文字的省略效果，讓頁面更美觀、簡潔。