CSS 控制表格寬度 CSS 是控制網頁布局和樣式的重要工具，而在表格的布局中，CSS 可以非常方便地控制表格的寬度。下面介紹一些關于 CSS 控制表格寬度的方法。 1. 使用 table-layout 屬性 table-layout 屬性可以控制表格寬度的分配方式。默認情況下是 auto，即根據單元格內容的寬度自動分配表格寬度。如果將其設置為 fixed，則可以手動指定表格寬度，而不考慮單元格內容的寬度。如下代碼所示：

table {
table-layout: fixed;
width: 100%;
}

上面代碼中，設置了 table-layout 為 fixed，并將寬度設置為 100%，這意味著表格會占據整個容器的寬度。 2. 使用 width 屬性 如果不想設置 table-layout 屬性，也可以使用 width 屬性來指定表格寬度。可以將其設置為一個固定值，例如 500px，也可以設置為百分比。如下代碼所示：

table {
width: 80%;
margin: 0 auto;
}

上面代碼中，將表格的寬度設置為 80%，并通過 margin: 0 auto 讓表格水平居中。 3. 使用 min-width 和 max-width 屬性 如果想要保證表格的最小和最大寬度，可以使用 min-width 和 max-width 屬性。如下代碼所示：

table {
min-width: 320px;
max-width: 800px;
}

上面代碼中，將表格的最小寬度設置為 320px，最大寬度設置為 800px。 通過上面三種方法，可以很方便地控制表格的寬度。需要注意的是，在設置表格寬度時，最好不要將其設置得過小，否則會影響表格內容的可讀性。