Question

我试图让一张表有一些<th>和`。

我想给我的第二个表头留一个余量，所以我的第二个th有一个类边距。

但它不起作用，我没有任何余地。

我这里有我的例子：

HTML：

<body>
    <table>
        <th>Test Title 1</th>
        <th class="margin">Test Title 2</th>
        <th>Test Title 3</th>
        <th>Test Title 4</th>
        <tr>
            <td>Test 1.1</td>
            <td>Test 1.2</td>
            <td>Test 1.3</td>
            <td>Test 1.4</td>
        </tr>
    </table>
</body>

CSS：

body{
    width:1000px;
    background:#ccc;
}

table{
    border-collapse: collapse;
}
table th{
    color: #fff;
    font-family: Arial;
    font-size: 1.1em;
    font-weight: bold;
    background:red;
    height:40px;
}
table th.margin{
    margin-left:350px;
}

Answer 1

如果您想使用display: block，还需要将table th.margin添加到margin-left的CSS中，如下所示：

table th.margin{
    display: block;
    margin-left: 350px;
}

虽然我建议您改为使用padding-left：

table th.margin{
    padding-left: 350px;
}

我为我留下了保证金......但它不起作用

1 个答案: