CSS 固定表格列寬 在 Web 開發中，表格是用來展示數據的常用方式。但是，當一個表格的列數很多時，表格的寬度常常超過了頁面的寬度，導致頁面出現滾動條，用戶體驗變得糟糕。為了解決這個問題，可以使用 CSS 來固定表格列寬。 固定整個表格的寬度 首先，我們可以固定整個表格的寬度。可以給表格元素添加一個固定寬度的樣式，比如：

table {
width: 1000px;
}

這個例子中，我們將表格的寬度設置為 1000 像素。這樣，當表格的內容超出了 1000 像素時，表格會出現滾動條，而不會影響頁面的寬度。 固定某一列的寬度 如果我們只需要固定某一列的寬度，可以給該列的所有單元格添加一個固定寬度的樣式，比如：

table td:first-child {
width: 200px;
}

這個例子中，我們將表格的第一列的所有單元格的寬度設置為 200 像素。這樣，當表格的內容超出了 200 像素時，依然會出現滾動條，而不會影響其他列的寬度。 固定多列的寬度 如果我們需要固定多列的寬度，則需要使用 CSS 的屬性選擇器。比如，如果我們需要固定表格的第一列和第三列的寬度，可以使用以下代碼：

table td:first-child,
table td:nth-child(3) {
width: 200px;
}

這個例子中，我們使用了屬性選擇器 first-child 和 nth-child(3) 來選擇表格的第一列和第三列的所有單元格，然后給它們添加了 200 像素的寬度。 總結 使用 CSS 來固定表格列寬可以提高頁面的用戶體驗，讓網站更加友好。通過固定整個表格或某些列的寬度，我們可以更好地展示數據，而不會影響頁面的寬度。