CSS中的文字折疊是一種常見的效果，可以讓長篇幅的文本更簡潔地呈現。下面是一些常見的技巧。 首先是使用text-overflow屬性，可以將超出指定寬度的文本以省略號的形式出現。下面是一個例子：

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

上述代碼會將p元素的文本限制在100像素寬度內，超出部分以省略號表示。需要注意的是，必須同時使用white-space屬性將文本限制在一行內才能生效。 另一種使用折疊效果的方法是使用折疊元素，當超出指定高度后可以使用click事件展開。下面是一個例子：

p {
height: 50px;
overflow: hidden;
position: relative;
}
p::after {
content: "...";
position: absolute;
bottom: 0;
right: 0;
background-color: white;
}
p.expand {
height: auto;
}

上述代碼會將p元素的高度限制在50像素內，并添加一個"..."元素表示折疊。當用戶點擊p元素后，可以將其高度設為auto，展開全部文本。需要注意的是，在樣式表中添加點擊事件需要用JavaScript實現。 最后還有一種使用text-shadow屬性實現文字折疊的方法，可以將超出部分以陰影的形式呈現。下面是一個例子：

p {
width: 100px;
white-space: nowrap;
overflow: hidden;
}
p::after {
content: "...";
text-shadow: 1px 1px white;
}

上述代碼會將p元素的文本限制在100像素寬度內，超出部分以白色陰影表示。需要注意的是，text-shadow屬性的值需要與背景色呈對比才可生效。 以上就是CSS中常見的文字折疊效果，可以根據具體需求選擇不同的方法來實現。