在html中如何让<tr>中的内容间距变大
时间: 2023-05-27 20:04:06 浏览: 115
可以使用CSS的属性来调整<tr>中的内容间距,例如使用padding属性来调整单元格内的间距,或使用margin属性来调整单元格之间的间距。具体实现方式如下:
1. 使用padding属性调整单元格内的间距:
```html
<style>
tr td {
padding: 10px; /* 调整单元格内的上下左右间距为10像素 */
}
</style>
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
```
2. 使用margin属性调整单元格之间的间距:
```html
<style>
tr td {
margin: 10px; /* 调整单元格之间的上下左右间距为10像素 */
}
</style>
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
```
注意:如果你想要调整整个表格的间距(而不是单元格的间距),可以使用CSS的border-spacing属性来设置,如下:
```html
<style>
table {
border-spacing: 10px; /* 调整整个表格单元格之间的间距为10像素 */
}
</style>
<table>
...
</table>
```
阅读全文