在網頁制作過程中，表格是不可或缺的元素。然而有時候當表格中的內容過長時，它們會撐破表格。要解決這個問題，我們可以使用 CSS 防止表格內容換行。

table {
table-layout: fixed;
width: 100%;
}
td {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

首先我們需要在表格元素上使用table-layout: fixed;，這會使表格列的寬度根據表格容器寬度而定，而不是根據內容的寬度自動調整。這樣就可以防止表格內容太多而導致破壞頁面布局。

接下來，在需要防止換行的表格單元格上使用white-space: nowrap;，這會讓單元格中的內容一行顯示。然而，如果內容超出單元格寬度，表格會自動隱藏它。為了防止這種情況發生，我們可以添加overflow: hidden;，這會截斷溢出的內容并隱藏它。為了讓用戶知道發生了截斷，我們可以使用text-overflow: ellipsis;添加一個省略號，表示內容已經被截斷。

通過使用這些 CSS 屬性，我們可以防止表格內容的換行，讓頁面看起來更整潔和清晰。常用于表格中的手機號碼、email 地址等特定格式的信息。