我有一个使用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>
&#13;
答案 0 :(得分:0)
这是什么?但是当您使用一列而下一行使用两列时,您的td无效。请改用colspan(https://www.w3schools.com/TAGs/att_td_colspan.asp)属性。
table {
border-collapse:separate;
border-spacing:5px;
}