Html th和tr标签功能混乱
我的html表格中有以下代码Html th和tr标签功能混乱,html,css,Html,Css,我的html表格中有以下代码 <table> <tbody> <thead> <tr> <th align="right" colspan="4"> <span class="font-style-bold">SCHEDULE OF RATES</span> </th> </t
<table>
<tbody>
<thead>
<tr>
<th align="right" colspan="4">
<span class="font-style-bold">SCHEDULE OF RATES</span>
</th>
</tr>
</thead>
<thead>
<tr>
<th class="align-left">
<div class="para">
</div>
</th>
<th class="align-left">
<div class="para">
</div>
</th>
<th class="align-left">
<div class="para">
<span class="font-style-bold">Unit</span>
</div>
</th>
<th class="align-left">
<div class="para">
<span class="font-style-bold">Rate $</span>
</div>
</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="align-left">
<div class="para">
</div>
</td>
<td rowspan="align-left">
<div class="para">
<span class="font-style-boldunderline">ROOFER</span>
</div>
</td>
<td rowspan="align-left">
<div class="para">
</div>
</td>
<td rowspan="align-left">
<div class="para">
</div>
</td>
</tr>
<tr>
</tbody>
</tbody>
当我运行这个程序时,我会看到下面的屏幕
当我将th
更改为td
时,我会看到下面的屏幕(这就是我想要的)。我只是想知道为什么会有这种差异,而且,这种情况在th
一个表中只能有一个thead和tbody。两者都应该是
标记的直接子级
<table>
<thead>
<tr>
<th align="right" colspan="4">
<span class="font-style-bold">SCHEDULE OF RATES</span>
</th>
</tr>
<tr>
<th class="align-left">
<div class="para">
</div>
</th>
<th class="align-left">
<div class="para">
</div>
</th>
<th class="align-left">
<div class="para">
<span class="font-style-bold">Unit</span>
</div>
</th>
<th class="align-left">
<div class="para">
<span class="font-style-bold">Rate $</span>
</div>
</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="align-left">
<div class="para">
</div>
</td>
<td rowspan="align-left">
<div class="para">
<span class="font-style-boldunderline">ROOFER</span>
</div>
</td>
<td rowspan="align-left">
<div class="para">
</div>
</td>
<td rowspan="align-left">
<div class="para">
</div>
</td>
</tr>
</tbody>
</table>
差饷表
单位
比率$
屋顶工
你的CSS会很有用,请:)任何分配给th
的CSS
?嗨,尼特·达克贝尔和瑞恩:谢谢你提醒我CSS,我已经用CSS更新了我的问题,再次感谢:)表中可能只有一个
。使用
作为第一个描述table@user2423959这段代码有很多错误。在开始获得所需布局之前,您需要先将其清理干净。
<table>
<thead>
<tr>
<th align="right" colspan="4">
<span class="font-style-bold">SCHEDULE OF RATES</span>
</th>
</tr>
<tr>
<th class="align-left">
<div class="para">
</div>
</th>
<th class="align-left">
<div class="para">
</div>
</th>
<th class="align-left">
<div class="para">
<span class="font-style-bold">Unit</span>
</div>
</th>
<th class="align-left">
<div class="para">
<span class="font-style-bold">Rate $</span>
</div>
</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="align-left">
<div class="para">
</div>
</td>
<td rowspan="align-left">
<div class="para">
<span class="font-style-boldunderline">ROOFER</span>
</div>
</td>
<td rowspan="align-left">
<div class="para">
</div>
</td>
<td rowspan="align-left">
<div class="para">
</div>
</td>
</tr>
</tbody>
</table>