只单独设置每行之间的间距
时间: 2024-03-20 15:44:58 浏览: 138
css中的行间距的代码
在 HTML 中,我们可以通过设置表格中每一行的边框和单元格之间的距离来单独设置每行之间的间距。具体来说,我们可以在 `tr` 标签上使用 `border-spacing` 属性或者 `border-collapse` 属性来设置每行之间的间距。例如:
```html
<table>
<tr style="border-spacing: 0 10px;">
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr style="border-collapse: separate; border-spacing: 0 10px;">
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
```
在上面的例子中,第一行的间距为 10px,第二行的间距也为 10px,但是第二行还设置了 `border-collapse: separate` 属性,表示相邻边框不会合并。注意,这种方式只适用于单独设置每行之间的间距,如果要同时设置表格的间距,应该在 `table` 标签上设置。
阅读全文