CSS是一種用于網頁樣式設計的語言，其中表格的設計尤其重要。表格的寬度的設計是表格樣式設計中的一個重要部分。

table {
width: 100%;
}
td {
width: 25%;
padding: 10px;
}

在上面的代碼中，我們使用CSS將表格寬度設置為100%。這使得表格占據整個可用空間。我們還設置了單元格的寬度為25%。這意味著每行將有四個單元格。通過使用百分比而不是固定寬度，我們可以確保表格可以適應不同屏幕大小和設備。

如果表格中的文本很長，單元格的寬度可能會導致文本溢出。為了解決這個問題，我們可以使用CSS的文本溢出屬性來控制文本的溢出。例如：

td {
width: 25%;
padding: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

在上面的代碼中，我們添加了white-space: nowrap;屬性，以確保文本不會自動換行，overflow: hidden;屬性使得文本溢出隱藏。最后，我們使用text-overflow: ellipsis;屬性來在文本溢出時顯示省略號。 在設計表格寬度時，需要考慮表格內容的長度以及設備的屏幕大小。通過使用CSS的百分比寬度和文本溢出屬性，我們可以輕松控制表格的寬度和文本的溢出。