如何仅在表格中水平设置单元格间距答案

【问题标题】：How to set cellspacing in tables only horizontally如何仅在表格中水平设置单元格间距
【发布时间】：2023-03-19 09:40:01
【问题描述】：

我想为下面的表格设置样式。

<table border="1"   cellspacing="10">
  <tr>
    <th>Month</th>
    <th>Savings</th>  
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

问题是单元格间距设置单元格之间的空间水平和垂直，我希望它只水平完成。有没有办法做到这一点。

【问题讨论】：

您可以通过将 padding-left 和 padding-right 设置为 TD 来尝试使用 CSS

标签： html css html-table cellspacing

【解决方案1】：

使用表格上的border-spacing CSS 属性。浏览器支持相当好（主要不包括 IE 直到并包括 IE 7）。示例：

table { border-spacing: 10px 0; }

【讨论】：

【解决方案2】：

试试 CSS

table td{

 padding:0px 10px 0px 10px; /* top right bottom left */

 }

【讨论】：

填充在单元格内。它与单元格之间的间距不同，这就是它的意义所在。