HTML 的 table 元素是一個(gè)用來展現(xiàn)數(shù)據(jù)的結(jié)構(gòu)。
然而,默認(rèn)情況下,表格的寬度是由數(shù)據(jù)的寬度來確定的,這并不總是符合我們的需求。
要控制表格的寬度,我們可以使用 CSS。比如,我們可以將表格的寬度設(shè)置為 50%,使其在不同設(shè)備上都可以適應(yīng)。
```
table { width: 50%; }但是要注意的是,表格內(nèi)的每個(gè)單元格的寬度是不會(huì)自動(dòng)調(diào)整的,因此需要進(jìn)一步控制。 我們可以使用表格布局模型中的 “table-layout” 屬性來實(shí)現(xiàn)這個(gè)目的。 ```
table { width: 50%; table-layout: fixed; }此時(shí),表格中的單元格將根據(jù)我們設(shè)定的寬度進(jìn)行調(diào)整,同時(shí)也可以使用優(yōu)先級來指定某些單元格優(yōu)先顯示。 ```
使用上述 CSS 和 HTML,我們可以輕易地控制表格的寬度和單元格寬度。單元格 1 單元格 2