设置表格分隔符位置

时间:2013-02-16 15:24:19

标签: javascript css html-table

我有一个包含两列的表(它只有一行)。

但是,我希望右栏真正靠近左栏。 每当我尝试时,右栏就会向右对齐。

有没有办法设置分隔符的位置,或者至少在右栏的文本末尾附近设置右列的起始位置?

我的实际代码示例:

<table style="width:400px;">
    <tr>
        <td>
            First
        </td>

        <td>
            100
        </td>
    </tr>
</table>

建议?

2 个答案:

答案 0 :(得分:3)

您可以尝试

table{ border-collapse: collapse; }

DEMO

答案 1 :(得分:3)

根据您希望实现的目标,您可能需要查看border-collapse CSS property。在您的示例中,它应设置为:

border-collapse: collapse;

Example