如何在HTML表的列之间设置不同大小的间隙

Question

如何使用HTML和/或CSS执行以下操作：我想创建一个HTML表，比方说有三列，column1和column2之间的gab大于column2和column3之间的gab。下面是一个例子：

 +----------+ +----------+    +----------+
 | column1  | | column2  |    | colum3   |
 +----------+ +----------+    +----------+
 |  ...     | |  ...     |    |  ...     |
 +----------+ +----------+    +----------+
 | column1  | | column1  |    | colum3   |
 +----------+ +----------+    +----------+ 

Answer 1

我会在不同的列上使用填充。在我的例子中，我使用类名来描述我希望从前一列中获得的填充量。

<style type="text/css">
    td.col2{padding-left:10px;}
    td.col3{padding-left:50px;}
</style>

<table>
    <tr>
        <td class="col1">column1</td>
        <td class="col2">column2</td>
        <td class="col3">column3</td>
    </tr>
    <tr>
        <td class="col1">...</td>
        <td class="col2">...</td>
        <td class="col3">...</td>
    </tr>
    <tr>
        <td class="col1">column1</td>
        <td class="col2">column2</td>
        <td class="col3">column3</td>
    </tr>
</table>

Answer 2

通常用于在两列之间提供空间的属性cellspacing应用于表而不是单个列。因此，要实现您的目标，您可以使用单个表格的单元格填充。