更改表中的列数

时间:2017-04-10 16:18:58

标签: html layout html-table

是否可以更改此表中的列数?我想删除空白td对。此外,当我删除属性colspan =“3”时,表的宽度的2/3被删除。那么,控制列数的是什么?

<table>
<tr>
<td colspan="3" class="temperature">Temperature</td>
</tr>
<tr>
<td>Temperature:</td>
<td></td>
<td><#temp><#tempunit></td>
</tr>
</table>

如果您需要更多信息,请与我们联系。

感谢您的帮助!

威廉

1 个答案:

答案 0 :(得分:1)

colspan="3"表示td涵盖了表格的三列。要删除表格中心的空白td组,请将其更改为colspan="2"。这使得td仅覆盖两列,因此您可以删除<td></td>,而右侧没有空列。

此外,您可能需要考虑使用th(表格标题)而不是td(表格数据)作为标题。这意味着您不需要“温度”类来进行样式设置,因为您可以使用th选择器。

执行这两项操作,这将是您的新代码:

<table>
<tr>
<th colspan="2">Temperature</th>
</tr>
<tr>
<td>Temperature:</td>
<td><#temp><#tempunit></td>
</tr>
</table>