CSS中的table（表格）是Web開發中經常用到的元素之一。當表格內容過多時，可能會導致單元格中的內容超出了預期，從而破壞了頁面的布局。為了避免這種情況的發生，我們需要使用CSS技巧來控制表格中的內容。以下是一些常用的CSS方式來解決表格中內容超出的問題：

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

首先，在table樣式中，我們使用了table-layout: fixed;來指定表格布局為固定寬度。這是因為默認情況下，表格布局是自動的，即它們會根據內容自動調整列寬度。這可能會導致表格中的單元格無法對齊，因此我們可以使用table-layout: fixed;來確保表格寬度在所有單元格中都是相同的。

其次，在td樣式中，我們使用了white-space: nowrap;來防止文本在單元格中換行。overflow: hidden;用于覆蓋在單元格中顯示的文本。text-overflow: ellipsis;可以將溢出的文本用省略號顯示。max-width: 200px;可以設置單元格的最大寬度，當文本長度超過該寬度時，文本將被截斷并顯示省略號。

總的來說，在表格中使用以上CSS技巧可以有效避免表格中內容超出的情況。我們也可以根據具體情況對上述樣式進行調整，以達到最好的效果。