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

1、指定寬度和高度：

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

```css

table {

width: 500px;

height: 300px;

}

```

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

2、百分比寬度：

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

```css

table {

width: 100%;

}

```

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

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

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

```css

table {

height: auto;

}

```

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

4、固定布局：

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

```css

table {

table-layout: fixed;

width: 500px;

height: 300px;

}

```

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

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

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

```css

@media (max-width: 600px) {

table {

width: 100%;

height: auto;

}

}

```

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

6、邊框和間距：

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

```css

table {

border-collapse: collapse;

}

```

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

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