最近在使用CSS的table布局時，發現一個問題：當表格內容過多時，表格會自動撐開，會影響頁面的美觀。經過研究后，發現了一些解決方法。

.table-container {
width: 100%;
max-width: 800px;
overflow-x: auto;
}

首先，可以在表格的父容器中添加以下代碼，使表格具有水平滾動條，并且限制了表格的最大寬度。

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

然后，可以為表格以及表格中的單元格添加一些CSS屬性。表格使用table-layout: fixed;屬性可以使其按照設定的寬度來顯示，而不是根據內容自動撐開。同時，每個單元格使用white-space: nowrap;屬性可以讓單元格內的內容不自動換行。如果單元格中的內容過多，會自動隱藏，可以使用overflow: hidden;屬性，同時也可以添加text-overflow: ellipsis;屬性，使過多內容省略號顯示。

通過以上方法，可以解決CSS table不撐開的問題，更好地掌控網頁布局。