在網頁設計中，文字往往是不可或缺的元素。但是，當文字過長時，會導致頁面布局的混亂，影響用戶體驗。為了解決這個問題，CSS提供了一種省略超出部分的方法。 通常情況下，我們使用文本截斷省略號來展示超過一定長度的文字。在CSS中，使用text-overflow屬性可以實現這一功能。具體實現方式為：

p {
white-space: nowrap; /* 禁止換行 */
overflow: hidden; /* 隱藏超出的文本 */
text-overflow: ellipsis; /* 顯示省略號 */
}

值得注意的是，該屬性只能作用于單行文本。如果需要省略多行文本，需要結合其他屬性一同使用。

p {
display: -webkit-box; /* 將p標簽轉化為彈性盒子 */
-webkit-line-clamp: 2; /* 最多顯示兩行 */
-webkit-box-orient: vertical; /* 縱向排列 */
overflow: hidden; /* 隱藏超出的文本 */
text-overflow: ellipsis; /* 顯示省略號 */
}

上述代碼可以將p標簽轉化為彈性盒子，使其可以控制多行文本的顯示行數。其中，-webkit-line-clamp屬性控制最多顯示的行數，-webkit-box-orient屬性確定文本的排列方向。 通過使用以上樣式屬性，我們可以在長文字顯示時，使其更加美觀和合理，增強網頁的用戶體驗。