在CSS中，我們可以使用多種方法來制作表格，并控制其寬度，以下是一些常見的解決方案，適用于不同情況下的表格寬度問題。

1. 使用百分比（%）來定義寬度

在CSS中，您可以使用百分比來定義表格的寬度，這樣，表格的寬度就會根據(jù)其父元素的寬度而變化。

table {
    width: 100%;
}

2. 使用像素（px）來定義寬度

如果您知道表格的確切寬度，可以使用像素來定義。

table {
    width: 500px;
}

3. 使用em來定義寬度

em單位是一種相對單位，它相對于當前字體大小。

table {
    width: 2em; /* 2em 等于當前字體大小的2倍 */
}

4. 使用max-width和min-width

CSS還提供了max-width和min-width屬性，可以限制表格寬度的***大值和***小值。

table {
    max-width: 100%;
    min-width: 500px;
}

5. 使用CSS Grid布局

CSS Grid布局是一種強大的布局系統(tǒng)，可以輕松地創(chuàng)建復(fù)雜的表格布局。

.grid-container {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr; /* 三列布局 */
}

6. 使用flex布局

CSS Flex布局也是一種強大的布局工具，可以輕松地控制表格的寬度和位置。

.flex-container {
    display: flex;
    justify-content: space-between; /* 項目之間的空間均勻分布 */
}

- 使用百分比（%）來定義寬度，使表格寬度可適應(yīng)其父元素的寬度。

- 使用像素（px）來定義寬度，適用于確切的寬度需求。

- 使用em來定義寬度，適用于相對字體大小的寬度需求。

- 使用max-width和min-width來限制表格寬度的***大值和***小值。

- 使用CSS Grid布局來創(chuàng)建復(fù)雜的表格布局。

- 使用flex布局來控制表格的寬度和位置。