要让td之间没有间距,可以通过设置table的border-collapse属性为collapse来实现。这样,相邻的单元格将会合并边框,看起来就没有间距了。

HTML代码示例:

<style>
  table {
    border-collapse: collapse;
  }
</style>

<table>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
    <td>单元格3</td>
  </tr>
</table>

此外,还可以通过设置td的padding和margin为0,以及设置table的cellspacing属性为0来进一步消除间距。

HTML代码示例:

<style>
  table {
    border-collapse: collapse;
    cellspacing: 0;
  }

  td {
    padding: 0;
    margin: 0;
  }
</style>

<table>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
    <td>单元格3</td>
  </tr>
</table>
``
如何让td之间没有间距

原文地址: https://www.cveoy.top/t/topic/hHjU 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录