CSS 文字收起是一種常用的 CSS 樣式，用于將一段文本從頁面中輕輕收起，使其位于頁面的頂部或底部。這種樣式可以通過使用 `margin-top` 和 `margin-bottom` 屬性來實現。
收起文本的樣式如下：
```css
.收起文本 {
margin-top: 20px; /* 收起程度可以根據需要調整 */
margin-bottom: 20px;
在這個樣式中，`.收起文本` 是定義要收起的文本的類名，`margin-top` 和 `margin-bottom` 是定義文本周圍的最大和最小間距，可以根據需要進行調整。
當用戶滾動頁面時，文本會自動展開或收起，這非常方便。例如，以下是一個示例頁面，其中文本自動收起：
```html
<!DOCTYPE html>
<html>
<head>
<title>示例頁面</title>
<style>
/* 收起文本的樣式 */
.收起文本 {
margin-top: 20px;
margin-bottom: 20px;
}
</style>
</head>
<body>
<h1>示例頁面</h1>
<p class="收起文本">這是一個示例文本。</p>
<button onclick="alert('收起文本！')">點擊收起文本</button>
</body>
</html>
在這個示例中，`h1` 元素是標題，`p` 元素是段落，它們都具有 `.收起文本` 類名。當用戶滾動頁面時，文本會自動展開或收起，就像在這個示例中一樣。
需要注意的是，如果文本內容很長，則收起效果可能會很模糊。為了解決這個問題，可以使用 `max-width` 屬性來限制文本的寬度，這樣文本就不會重疊在一起。例如，以下是一個示例樣式，用于限制文本的寬度：
```css
.收起文本 {
margin-top: 20px;
margin-bottom: 20px;
max-width: 400px;
在這個樣式中，`.收起文本` 是定義要收起的文本的類名，`max-width` 是定義文本的最大寬度。當文本寬度超過 400 像素時，文本會自動收起。
總之，CSS 文字收起是一種非常方便和實用的樣式，可以讓用戶輕松地將文本從頁面中輕輕收起。可以根據需要調整收起程度和文本周圍的最大和最小間距，以達到最佳效果。