无法在< td>上输入边距标记，既不包含CSS也不包含单元格间距属性 [英] Cannot put margin on <td> tag with neither CSS nor cellspacing attribute

问题描述

无论什么原因，我一直无法获得任何表单元格之间留有余地。我想表格单元格有一个灰色的背景颜色（在白色的页面背景），所以它看起来像瓷砖之间的白色。

For whatever reason, I have been unable to get any table cells to have margin between them. I want the table cells to have a grey background colour (over a white page background) so it looks like tiles with white between them.

我在HTML中尝试过，

I tried in the HTML,

<table cellspacing="3">

同样在CSS中，

table td {
    margin:3px;
}

无效。细胞仍然粘在一起，像一个大的灰色blob。我在这里缺少非常非常基本的东西吗？

Nothing works. The cells are still stuck together, like one big grey blob. Am I missing something very very basic here?

以下是实际代码：

<table width="100%" cellspacing="3">
    <tr>
        <th>Document Number</th>
        <th>BP Reference No.</th>
        <th>Posting Date</th>
        <th>Posting Week</th>
        <th>Customer/Vendor Code</th>
        <th>Customer/Vendor Name</th>
        <th>Item No.</th>
        <th>Item/Service Description</th>
        <th>Item Group</th>
        <th>Warehouse Code</th>
        <th>Remaining Open Quantity</th>
        <th>Line No.</th>
        <th>Sales Employee Name</th>
        <th>Stock</th>
        <th>Fill Rate</th>
        <th>1046</th>
        <th>1047</th>
        <th>1048</th>
        <th>1049</th>
        <th>1050</th>
        <th>1051</th>
        <th>1052</th>
        <th>1053</th>
        <th>1054</th>
        <th></th>
    </tr>
    <tr>
        <td>17272</td>
        <td>2244100</td>
        <td>5/24/2010</td>
        <td>22</td>
        <td>NYST</td>
        <td>NYSTROM INC.</td>
        <td>NYM118SX26DSTKS01</td>
        <td>Nystrom, Mort. 1-1/8'', Schl C~K, US26D, ST cam, 5pin, KS #43758</td>
        <td>Mort Cylinders</td>
        <td>US1</td>
        <td>1000</td>
        <td>3</td>
        <td>KRE Management 1</td>
        <td>0</td>
        <td>100</td>
        <td>1000</td>
        <td>0</td>
        <td>0</td>
        <td>0</td>
        <td>0</td>
        <td>0</td>
        <td>0</td>
        <td>0</td>
        <td>0</td>
        <td></td>
    </tr>
</table>

推荐答案

如果有人仍然有这个问题， CSS样式表：

If someone still has this problem, try this in your CSS stylesheet:

table {
        border-collapse: separate;
        border-spacing: 10px 5px;
      }

border-spacing的值是两个长度测量值。水平
值首先应用于列之间。第二个测量是在行之间应用
。

The values for border-spacing are two length measurements. The horizontal value comes first and applies between columns. The second measurement is applied between rows.

如果您提供一个值，它将被水平和垂直使用。默认设置为0，使得边框在表格的内部网格上加倍。

If you provide one value, it will be used both horizontally and vertically. The default setting is 0, causing the borders to double up on the inside grid of the table.

这篇关于无法在< td>上输入边距标记，既不包含CSS也不包含单元格间距属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！