HTML表格 - 如何强制TD宽度时,表格的宽度是100%?

问题描述 投票:2回答:2

有一种方法时整个表宽度被设置为100%来设置所有TD细胞的长度的情况下?换句话说,我想移动到左侧的所有表格单元格(但我不能改变表格的宽度,因为这是用于其他目的)。

我试着这样说:

#mytable td {
    width:50px;
}

可是,当桌子宽度设置为100%,这是行不通的。这里有一个例子这怎么现在看起来:http://jsfiddle.net/Rrkky/

html css-tables
2个回答
2
投票

你不能让50像素加上50像素的可用宽度等于100%,除了偶然的。如果你只想把桌子上的权利,例如设置margin-left: auto就可以了。但是,如果表宽度设置为100%,这是行不通的。


3
投票

如果可能的话用增加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/

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.