html表格中加入分割线,为什么在table里放<hr/>在网页上显示的分割线都聚在一起了？...

在 HTML 中，`<hr>` 标签是水平分割线的标准标签。但是，当你在 `<table>` 标签中使用 `<hr>` 标签时，它们会被解释为表格的一部分，而不是表格中的分割线。这就是为什么你看到的分割线都聚在一起的原因。

要解决这个问题，你可以使用 CSS 来为表格中的行或列添加分割线。你可以为表格中的每个单元格添加边框，或使用 `border-collapse: separate;` 属性来为表格中的行和列设置间隔。这样，你就可以在表格中添加分割线而不会出现问题。

相关问题

html表格中加入分割线,为什么在table里放<hr/>在网页上显示的分割线都跑到上一行的最后一块了？

当你在 HTML 表格中使用 `<hr>` 标签时，它会被解释为表格中的一部分，而不是表格中的分割线。因此，将 `<hr>` 放在表格中的某一行中，它就会被解释为该行的一部分，而不是表格中的分割线。

如果你想在表格中添加分割线，你可以使用 CSS 来实现。你可以在表格中的行或列中添加边框，或使用 `border-collapse` 属性来为表格中的行和列设置间隔。这样，你就可以在表格中添加分割线而不会出现问题。

例如，你可以使用以下 CSS 代码来在表格中的每行之间添加分割线：

table {
  border-collapse: collapse;
}

td {
  border-bottom: 1px solid black;
}

这将为表格中的每个单元格添加底部边框，从而在每行之间创建分割线。

html在表格中加入分割线

要在HTML表格中加入分割线，可以使用`<hr>`标签或`<tr>`标签来实现。

使用`<hr>`标签：

<table>
  <tr>
    <td>内容1</td>
    <td><hr></td>
    <td>内容2</td>
  </tr>
  <tr>
    <td>内容3</td>
    <td><hr></td>
    <td>内容4</td>
  </tr>
</table>

使用`<tr>`标签：

<table>
  <tr>
    <td>内容1</td>
    <td>内容2</td>
  </tr>
  <tr>
    <td colspan="2"><hr></td>
  </tr>
  <tr>
    <td>内容3</td>
    <td>内容4</td>
  </tr>
</table>

在第一种方法中，我们在每个表格单元格中插入了一个`<hr>`标签来创建分割线。在第二种方法中，我们使用`<tr>`标签来创建分割线，并使用`colspan`属性合并单元格，以便分割线能够跨越整行。