HTML 表格中的 tr 元素是用于创建表格的主体元素，通常包含行和列。在 CSS 中，可以通过调整 tr 元素的间距来控制表格的大小和布局。tr 元素的间距可以通过设置行高和列宽来实现。
方法一：通过行高和列宽设置间距
行高和列宽是设置 tr 元素间距的两个关键属性。行高表示行与列之间的垂直间距，而列宽则表示行与列之间的水平间距。可以通过以下代码来调整 tr 元素的间距：
“`css
display: table;
width: 100%;
tr:nth-child(1) {
background-color: #f2f2f2;
margin-bottom: 10px;
tr:nth-child(2) {
background-color: #ddd;
margin-bottom: 20px;
tr:nth-child(3) {
background-color: #ffc;
margin-bottom: 30px;
上述代码中，大家使用了 CSS 的nth-child(n) 伪类来设置不同的 tr 元素，n 表示该元素的编号。大家使用了 background-color 属性来设置每个 tr 元素的背景颜色，并使用margin-bottom属性来设置每个元素的底部间距。通过调整编号 n 的值，大家可以控制每个 tr 元素的底部间距。
方法二：通过元素自身的样式设置间距
除了通过行高和列宽设置间距外，还可以通过元素自身的样式来设置间距。可以通过设置元素的样式中的border-bottom和margin-bottom属性来调整 tr 元素的底部间距。例如，可以通过以下代码来调整 tr 元素的间距：
“`css
display: table;
width: 100%;
border-bottom: 10px solid #ddd;
margin-bottom: 20px;
上述代码中，大家使用了 CSS 的border-bottom和margin-bottom属性来设置 tr 元素的底部间距。通过调整border-bottom和margin-bottom的值，大家可以控制 tr 元素的底部间距。
通过调整 tr 元素的行高和列宽，以及元素自身的样式中的border-bottom和margin-bottom属性，大家可以控制 tr 元素的底部间距，从而调整表格的大小和布局。