【发布时间】:2018-03-21 06:19:55
【问题描述】:
我有一个使用 rowspan 组合 2 行的表。我希望 2 个非组合行之间的间距更近,同时保持整个行之间的间距更大。例如,我希望row1 col1 和row2 col1 之间的间距更近,同时row2 col1 和row3 col1 之间的间距更大。这将适用于每一行。
table {
border-collapse: collapse;
}
td {
border-bottom: 1px solid black;
}
.noborder {
border:none;
}
<table>
<tr>
<td class="noborder">row1 col1</td>
<td rowspan=2>merge col2</td>
</tr>
<tr>
<td>row2 col1</td>
</tr>
<tr>
<td class="noborder">row3 col1</td>
<td rowspan=2>merge col2</td>
</tr>
<tr>
<td>row4 col1</td>
</tr>
<tr>
<td class="noborder">row6 col1</td>
<td rowspan=2>merge col2</td>
</tr>
<tr>
<td>row6 col1</td>
</tr>
</table>
【问题讨论】:
-
一种解决方案可能是您可以在每个表格行之后添加一个空行,例如
<tr><td class="noborder">&nbsp;</td></tr>。
标签: html css html-table