在網頁設計中，經常會遇到需要隱藏部分文字內容的情況。這時候，我們可以使用CSS中的文字折疊來實現這個需求。

CSS中的文字折疊，即是指在文字內容過長時，通過CSS樣式對其進行折疊，只顯示部分文字，同時提供展開和收起功能。

.ellipsis{
white-space: nowrap; /* 指定文字不換行 */
overflow: hidden; /* 隱藏超出范圍的文字 */
text-overflow: ellipsis; /* 用省略號代替超出部分 */
}

上述代碼是實現文字折疊的基本樣式。通過給文本所在的容器元素添加這個樣式，可以讓文本在超出容器寬度時自動折疊，并且用省略號代替超出部分的文字。

.ellipsis-more{
max-height: 72px; /* 指定文本折疊后的最大高度（根據實際需求設置） */
overflow: hidden; /* 隱藏超出范圍的文字 */
position: relative; /* 設置相對定位，便于后續添加展開和收起按鈕 */
}
.ellipsis-more::after{
content: "展開"; /* 默認狀態顯示的文字（根據實際需求設置） */
position: absolute; /* 設置絕對定位在折疊文本上方 */
right: 0; /* 距離容器右側0px */
bottom: 0; /* 距離容器底部0px */
background-color: #fff; /* 設置背景顏色為白色，遮蓋部分文本 */
padding: 0 20px; /* 添加內邊距，美化顯示效果（根據實際需求設置） */
}
.ellipsis-more.open::after{
content: "收起"; /* 展開狀態顯示的文字（根據實際需求設置） */
}

上述代碼則是給折疊后的文本添加展開和收起功能。通過添加一個偽元素::after，在折疊文本上方顯示一個按鈕，并用絕對定位進行位置調整。同時添加open類，可以改變展開按鈕的文字，并實現展開和收起的狀態切換。

通過以上兩段代碼的結合，就可以實現一段具有折疊、展開和收起功能的文本。