CSS的表格樣式是網頁設計中常用的一種元素，但是在表格內容寬度過大時，很容易撐大整個頁面布局，影響用戶瀏覽體驗。以下是一些方法可以避免這種情況。

table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
th, td {
padding: 10px;
text-align: center;
border: 1px solid #ccc;
}
/* 先指定表格的寬度為100%，再使用table-layout: fixed */
/* 表示表格的布局不隨內容改變而變化 */
/* 使表格邊框合并成一個整體，而不是默認的每個單元格都有自己的邊框 */

使用上述樣式后，即使表格中存在內容過長的情況，表格也會按照固定的寬度進行展示，不會影響整個頁面的布局。