HTML表格-当表格宽度为100％时如何强制TD宽度？

Question

如果整个表的宽度都设置为100％，是否可以设置所有TD单元格的长度？ 换句话说，我希望所有表格单元格都向左移动（但是我不能更改表格宽度，因为这是出于其他目的）。

我以这种方式尝试过：

#mytable td {
    width:50px;
}

但这在表宽度设置为100％时不起作用。 这是现在的样子示例： http : //jsfiddle.net/Rrkky/

Answer 1

如果可能，添加一个额外的宽度为100％的td。

HTML

<table id="mytable"style="width:100%;background:red"><tr>
    <td>TEXT1</td>
    <td>TEXT2</td>
    <td style="width:100%;background:blue">&nbsp;</td>
    </tr>
</table>

CSS

#mytable td {
    width:50px;
    background:green
}

http://jsfiddle.net/Rrkky/1/

Answer 2

除非偶然，否则不能使50px加50px等于可用宽度的100％。 如果只想将表格放在右边，则设置例如margin-left: auto 。 但是，如果表格宽度设置为100％，这将无法正常工作。