html css table 行间距

你可以使用 `line-height` 属性来设置表格行的间距。在 `table` 元素或者 `tr` 元素上设置 `line-height` 属性即可，例如：

<style>
  table {
    line-height: 1.5; /* 设置表格行的间距 */
  }

  tr {
    line-height: 1.5; /* 设置表格行的间距 */
  }
</style>

<table>
  <tr>
    <td>第一行</td>
  </tr>
  <tr>
    <td>第二行</td>
  </tr>
</table>

你也可以使用 `padding` 属性来设置行的上下内边距，从而达到设置行间距的效果。例如：

<style>
  tr {
    padding: 10px 0; /* 设置行的上下内边距为 10px */
  }
</style>

<table>
  <tr>
    <td>第一行</td>
  </tr>
  <tr>
    <td>第二行</td>
  </tr>
</table>

这样可以让每一行上下保留 10px 的空白，从而达到设置行间距的效果。

相关问题

html table 行间距

在HTML中，可以使用CSS来设置表格的行间距。可以通过设置表格的`border-collapse`属性为`collapse`来消除表格的默认间距，并使用`border-spacing`属性来设置行间距的大小。

下面是一个示例代码，演示如何设置HTML表格的行间距为10像素：

<style>
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  td {
    padding: 10px;
    border: 2px solid black;
  }
</style>

<table>
  <tr>
    <td>1.1</td>
    <td>1.2</td>
    <td>1.3</td>
  </tr>
  <tr>
    <td>2.1</td>
    <td>2.2</td>
    <td>2.3</td>
  </tr>
  <tr>
    <td>3.1</td>
    <td>3.2</td>
    <td>3.3</td>
  </tr>
</table>

这段代码会创建一个3x3的表格，行间距为10像素，边框厚度为2像素，宽度为500像素，单元格内没有间距。每一行的单元格都有相同的样式效果。

element table行间距

要设置元素表格（`<table>`）的行间距，可以使用 CSS 的 `border-spacing` 属性。该属性用于设置单元格之间的空间，包括行间距和列间距。

以下是设置行间距为 10 像素的示例 CSS 代码：

table {
  border-spacing: 0 10px;
}

这将使得每一行之间都有 10 像素的间距。如果你希望只设置行间距或列间距，可以将 `border-spacing` 属性的两个值分别设置为 0 和期望的间距值。

注意，`border-spacing` 属性只适用于具有 `border-collapse: separate;` 样式的表格。如果使用 `border-collapse: collapse;` 样式，则无法使用 `border-spacing` 属性来设置行间距。