在設計網頁時，如何讓過長的文本顯示更加美觀和合理呢？這時就需要使用CSS Text-Overflow屬性，來實現文本折疊的效果。
要實現文本折疊，首先需要將文本包裹在一個指定寬度的容器中。接著，將該容器設定為超出寬度部分隱藏，并添加ellipsis（省略號）來替代折疊部分的內容。相關的CSS代碼如下：

.container {
width: 200px;
white-space: nowrap;   /* 設置文字不換行 */
overflow: hidden;      /* 超出部分隱藏 */
text-overflow: ellipsis; /* 超出文字的地方用省略號...表示 */
}

以上代碼中，width屬性設定了容器寬度，white-space屬性將文本設置為不換行，overflow和text-overflow屬性則配合使用，實現了文本折疊效果。
下面提供一個例子，將長句分成兩行，第二行文本在最后省略。

在不同的年齡段，人的需求和追求是不同的，人的成長史也是波浪式上升的。

可以發現，文本只顯示了一部分，并用ellipsis（省略號）代替了后面的折疊部分。這樣,就可以將文本排版變得更加美觀和適合展示，提高網頁的整體質量。