CSS調(diào)整表格寬度和高度的方法

在CSS中，我們可以使用多種方法來(lái)調(diào)整表格的寬度和高度，以下是一些常見的方法：

1、設(shè)置表格寬度：

固定寬度：通過(guò)width屬性為表格指定一個(gè)固定的寬度值。

- table { width: 300px; }

百分比寬度：使用百分比來(lái)設(shè)置表格寬度，相對(duì)于其包含元素的寬度。

- table { width: 50%; }

自動(dòng)寬度：不指定寬度，讓表格根據(jù)內(nèi)容自動(dòng)調(diào)整寬度。

- table { width: auto; }

2、設(shè)置表格高度：

固定高度：通過(guò)height屬性為表格指定一個(gè)固定的高度值。

- table { height: 200px; }

百分比高度：使用百分比來(lái)設(shè)置表格高度，相對(duì)于其包含元素的高度。

- table { height: 50%; }

自動(dòng)高度：不指定高度，讓表格根據(jù)內(nèi)容自動(dòng)調(diào)整高度。

- table { height: auto; }

3、響應(yīng)式表格：

- 使用媒體查詢（Media Queries）來(lái)根據(jù)屏幕大小調(diào)整表格的寬度和高度。

- 在較小的屏幕上，可以使用@media (max-width: 600px) { table { width: 100%; height: auto; } }來(lái)調(diào)整表格寬度和高度。

4、單元格寬度和高度：

- 可以單獨(dú)設(shè)置每個(gè)單元格的寬度和高度。

- td { width: 20px; height: 20px; }

5、邊框和填充：

- 通過(guò)調(diào)整邊框（border）和填充（padding）可以改變表格的整體尺寸。

- table { border: 1px solid #000; padding: 10px; }