html - 表格行无边框(包括最左边和最右边)

我希望表中的特定行完全无边界。（这个想法是为了一个大的集合添加一个符号“间隙”并继续使用更深的数据）。
我已经找到了设置单元格无边界的方法，但是表的边界在该行上仍然可见。
一个解决方案可能是在下面创建另一个表，但问题是这样会丢失列的对齐方式。
如果设置的表没有边框，则边框折叠无效。（注：这句话是假的，我之所以离开是因为它在原来的帖子里）

    table, tr, td {
      border: 2px solid black;
      border-collapse: collapse;
    }
    .empty_row{
      border: 0;
    }

    <table>
      <tr>
        <td>AAA</td>
        <td>BBBB</td>
        <td>CCCC</td>
      </tr>
      <tr >
        <td>DDD</td>
        <td>EEE</td>
        <td>FFF</td>
      </tr>

      <tr class='empty_row'>
        <td class='empty_row' colspan='3'>..... (this should have no borders at the sides)</td>
      </tr>

      <tr>
        <td>GGGGGGGG</td>
        <td>HHH</td>
        <td>III</td>
      </tr>
    </table>

有什么想法吗？

最佳答案

table {
border-collapse:collapse;
}
tr td {
  border: 2px solid black;
}
.empty_row{
  border: 0px;
}

<table>
  <tr>
    <td>AAA</td>
    <td>BBBB</td>
    <td>CCCC</td>
  </tr>
  <tr >
    <td>DDD</td>
    <td>EEE</td>
    <td>FFF</td>
  </tr>

  <tr class='empty_row'>
    <td class='empty_row' colspan='3'>.....</td>
  </tr>

  <tr>
    <td>GGGGGGGG</td>
    <td>HHH</td>
    <td>III</td>
  </tr>
</table>

关于html - 表格行无边框(包括最左边和最右边)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45525568/