在網頁開發中，表格是一種常見的元素，但是當表格中的文本過長時，會導致表格過寬超出頁面范圍，這時就需要使用 CSS 技巧來實現表格的斷行。

下面是一個簡單的 HTML 表格，其中包含了一些很長的文本內容：

<table>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>個人簡介</th>
</tr>
<tr>
<td>張三</td>
<td>26</td>
<td>這是一段非常非常非常非常非常非常非常非常非常長的文本內容，超過了表格的寬度，如果不加處理，會導致頁面出現滾動條，影響用戶體驗。所以我們需要使用 CSS 技巧來實現表格的斷行，使文本自動換行，適應表格寬度。</td>
</tr>
</table>

為了實現表格的斷行，我們可以使用 CSS 的word-wrap屬性和table-layout屬性：

<style>
table {
width: 100%;
table-layout: fixed; /* 固定表格布局 */
}
td {
word-wrap: break-word; /* 自動換行 */
}
</style>

上面的代碼中，table-layout: fixed屬性可以固定表格的布局，保證表格的單元格寬度始終一致，從而避免表格因為太長而超出頁面寬度。而word-wrap: break-word屬性可以實現文本的自動斷行，使長文本內容適應表格寬度。

實現表格斷行后，我們再次查看頁面，可以發現表格中的文本已經自動斷行，適應表格寬度，而不會導致頁面出現滾動條：