html - 在两列之间添加空格

Question

我有一个 HTML 表格。我需要在表格列之间留有间距，但表格行之间不需要。

我的表格列也有边框:

<table>
<tr>
    <td style="padding:0 15px 0 15px;">hello</td>
    <td style="padding:0 15px 0 15px;">world</td>
    <td style="padding:0 15px 0 15px;">how</td>
    <td style="padding:0 15px 0 15px;">are</td>
    <td style="padding:0 15px 0 15px;">you?</td>
</tr>
<tr>
    <td style="padding:0 15px 0 15px;">hello</td>
    <td style="padding:0 15px 0 15px;">world</td>
    <td style="padding:0 15px 0 15px;">how</td>
    <td style="padding:0 15px 0 15px;">are</td>
    <td style="padding:0 15px 0 15px;">you?</td>
</tr>
</table>

CSS

table td{
   border : 1px solid black;
   border-spacing: 1em 0;
 }

fiddle

Answer 1

If I use the cellspacing css property it does it between both rows and columns.

没有 cellspacing CSS 属性。

该属性称为 border-spacing和……

The lengths specify the distance that separates adjoining cell borders. If one length is specified, it gives both the horizontal and vertical spacing. If two are specified, the first gives the horizontal spacing and the second the vertical spacing. Lengths may not be negative.

…取两个值。

所以:

border-spacing: 1em 0;