HTML - 表格中行之间的间距

时间:2017-10-09 23:49:07

标签: html css html-table

我有一个使用rowspan来组合2行的表。我希望2个非组合行之间的间距更近,同时在整个行之间保持更大的间距。例如,我希望row1 col1row2 col1更加靠近,同时row2 col1row3 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;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

这是什么?但是当您使用一列而下一行使用两列时,您的td无效。请改用colspan(https://www.w3schools.com/TAGs/att_td_colspan.asp)属性。

table {
        border-collapse:separate; 
        border-spacing:5px;
    }