在CSS中，我們可以使用多種方法來控制表格的寬度和高度，以下是一些常見的技巧：

1、指定寬度和高度：

我們可以直接在CSS中指定表格的寬度和高度。

```css

table {

width: 500px;

height: 300px;

}

```

這將使表格的寬度為500像素，高度為300像素。

2、百分比寬度：

如果希望表格的寬度相對于其包含的元素（如div或body）的寬度，可以使用百分比。

```css

table {

width: 100%;

}

```

這將使表格的寬度與其包含元素的寬度相同。

3、自適應(yīng)高度：

如果希望表格的高度根據(jù)其內(nèi)容自動(dòng)調(diào)整，可以使用auto關(guān)鍵字。

```css

table {

height: auto;

}

```

這將使表格的高度根據(jù)其內(nèi)容動(dòng)態(tài)調(diào)整。

4、固定布局：

如果希望表格的寬度和高度在瀏覽器窗口大小變化時(shí)保持不變，可以使用table-layout: fixed。

```css

table {

table-layout: fixed;

width: 500px;

height: 300px;

}

```

這將使表格的寬度和高度在瀏覽器窗口大小變化時(shí)仍然保持500像素和300像素。

5、響應(yīng)式設(shè)計(jì)：

在響應(yīng)式設(shè)計(jì)中，我們可能希望表格在不同屏幕尺寸下有不同的寬度和高度，這可以通過使用媒體查詢來實(shí)現(xiàn)。

```css

@media (max-width: 600px) {

table {

width: 100%;

height: auto;

}

}

```

這將使表格在屏幕寬度小于600像素時(shí)寬度為100%，高度自適應(yīng)。

6、邊框和間距：

控制表格的寬度和高度時(shí)，還需要考慮邊框和間距，可以使用border-collapse屬性來決定邊框是如何處理的。

```css

table {

border-collapse: collapse;

}

```

這將使表格的邊框合并在一起，減少不必要的間距。

通過掌握這些技巧，你可以更好地在CSS中控制表格的寬度和高度，使其適應(yīng)不同的布局需求。