html两个并列tr的空隙怎么变小

在HTML中，如果你想要减小表格（table）中相邻`<tr>`标签之间的间距，你可以通过CSS来控制。通常，浏览器会自动添加一些空白间隔，这通常是由于`<tbody>`、`<thead>`或`<tfoot>`元素内的行间默认样式导致的。以下是一些调整方法：

1. 直接设置`<tr>`的CSS样式：

<style>
  tr {
    margin-bottom: 5px; /* 可以适当调整数值 */
    border-collapse: collapse; /* 合并单元格边距 */
  }
</style>

<table>
  <tr>...</tr>
  <tr>...</tr>
</table>

这里的`margin-bottom`属性可以减少行与行之间的垂直间距。

2. 对整个表格应用样式，并选择`tbody`：

<style>
  tbody tr {
    margin-bottom: 0;
    vertical-align: top; /* 如果需要消除内部行间距 */
  }
</style>

<table>
  <tbody>
    <tr>...</tr>
    <tr>...</tr>
  </tbody>
</table>

`vertical-align` 属性可用于控制内联元素间的间距。

3. 使用外部CSS文件：

/* 外部CSS文件 */
table tr {
  margin-bottom: 5px;
}

/* 或者针对特定表格 */
.table-specific tr {
  margin-bottom: 0;
}

然后将这个外部CSS文件链接到你的HTML文档里。