HTML Table是一種常用的布局方式,我們可以使用它來呈現各種信息。而設置表格的寬度是一個很重要的問題,下面我們來介紹一下寬度的設置方法。
<table width="500"> <tr> <th>姓名</th> <th>年齡</th> </tr> <tr> <td>小明</td> <td>18</td> </tr> </table>
上面這段代碼中,我們使用了width屬性來設置表格的寬度,寬度為500像素。需要注意的是,這里的單位是像素,而不是百分比。如果我們想要使用百分比,可以寫成類似這樣的代碼:
<table width="80%"> ... </table>
除了使用width屬性,還可以使用CSS來控制表格的寬度,如下所示:
<style> table { width: 500px; } </style> <table> ... </table>
這里我們在<style>標簽中設置了table的寬度為500像素,這個寬度將應用于所有的表格。需要注意的是,CSS中的單位可以使用像素、百分比、em等。
最后,還需要注意一下單元格的寬度,如果沒有指定單元格的寬度,那么它將自動適應表格的寬度。如下所示:
<table> <tr> <th>姓名</th> <th>年齡</th> </tr> <tr> <td width="100">小明</td> <td>18</td> </tr> </table>
在這個例子中,我們為第一個單元格設置了寬度為100像素,而第二個單元格沒有設置寬度,因此它將自動適應表格的寬度。
總結起來,我們可以使用width屬性或CSS來控制表格的寬度,需要注意的是,單元格的寬度也會對表格的寬度產生影響。