改变列宽(Changing Column Width),这个是html里面的一个内容!
现在你我们使用所有合适的语义你可能想改变每一列的宽度——现在,每个列宽33%。让我们说我们想要的第一列是40%的表和两个remaning列是30%(40% + 30% + 30% = 100%)。
为了做到这一点,我们使用<thead>元素。这个元素是被放置在<table>标记和< thead >标记和我们使用样式属性定义列的宽度。<thead>元素是一个自闭的元素,你需要一个用于每一列你表。让我们有一个例子:
<table border="1" width="100%"> <col style="width:40%"> <col style="width:30%"> <col style="width:30%"> <thead> <tr> <th>Fruits</th> <th>Vitamin A</th> <th>Vitamin C</th> </tr> </thead> <tbody> <tr> <th>Apples</th> <td>98 ui</td> <td>8.4 mg</td> </tr> <tr> <th>Oranges</th> <td>295 ui</td> <td>69.7 mg</td> </tr> <tr> <th>Bananas</th> <td>76 ui</td> <td>10.3 mg</td> </tr> </tbody> </table>
这种方式,您可以控制多宽表的列应。我已经使用这个样式属性和值“宽度:40%”作为一个例子,但理想情况下,你应该有这个在你的样式表文件,因为这一切都是为了看起来和任何与语义。
我你用你的样式表可以创建三个类,定义每一列的宽度,然后你的标记看起来像这样:
<table border="1"> <col class="column-one"> <col class="column-two"> <col class="column-three"> <thead> <tr> <th>Fruits</th> <th>Vitamin A</th>
你已经学会了
每一个表的开始和结束与<table>元素
你使用属性colspan和行宽来合并单元
一个表分为一个头(< thead >元素)和主体(<tbody>元素)
在头和身体表分为行使用< tr >元素
你不定义列在HTML表,而是您使用< td >元素定义个人数据细胞
每当你需要定义一个标题细胞,使用< th >元素而不是< td >元素