Question

我正在尝试在单元格之间添加一个空格，因为单元格的背景颜色为白色，表格的背景颜色为蓝色，您可以很容易地看到填充和边距不起作用（我将它应用于td），它只会在单元格内部添加空间。

Answer 1

您想要border-spacing：

<table style="border-spacing: 10px;">

或者在某个地方的CSS区块中：

table {
  border-spacing: 10px;
}

请参阅border-spacing上的quirksmode。请注意，border-spacing不适用于IE7及更低版本。

Answer 2

table { 
  border-spacing: 10px; 
}

一旦我删除

，这对我有用

border-collapse: separate;

来自我的表格标签。

Answer 3

我的是：

border-spacing: 10px;
border-collapse: separate;

Answer 4

考虑对cellspacing代码或cellpadding css属性使用table和border-spacing属性。

Answer 5

cellspacing（单元格之间的距离）TABLE标记的参数正是您想要的。缺点是它是一个值，用于x和y，你不能选择不同的间距或垂直/水平填充。还有一个CSS属性，但它没有被广泛支持。

Answer 6

假设cellspcing / cellpadding / border-spacing属性无效，则可以按以下方式使用代码。

<div class="form-group">
  <table width="100%" cellspacing="2px" style="border-spacing: 10px;">
    <tr>                        
      <td width="47%">
        <input type="submit" class="form-control btn btn-info" id="submit" name="Submit" />
      </td>
      <td width="5%"></td>
      <td width="47%">
        <input type="reset" class="form-control btn btn-info" id="reset" name="Reset" />
      </td>
    </tr>
  </table>
</div>

我尝试通过使用表宽度来分隔按钮并将空白td设置为2％或1％，并没有太大的不同。

Answer 7

如果要为侧面和顶部分开设置值。

<table style="border-spacing: 5px 10px;">

使用css在单元格（td）之间添加空格

7 个答案: