Html表宽100％但TD增长？

Question

我有一张宽度为100％的桌子;

I have 2 TDs.

但我希望第二个td靠近left端。 （在ccccccc之后......）

There is a solution使用另外1个td，其宽度为100％。

像

这样的东西

<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>

但是，我想知道是否有另一个解决方案没有另一个TD？

Answer 1

试试这个：http://jsfiddle.net/Rrkky/144/ 完全符合你的要求。

<强> HTML

<table id="mytable"style="width:100%;background:red">
    <tr>
    <td class="firstcell">aaaa</td>
    <td>TEXT2</td>
    </tr>
    <tr>
    <td class="firstcell">bbbbbbb</td>
    <td>TEXT2</td>
    </tr>
    <tr>
    <td class="firstcell">ccccccccccccccc</td>
    <td>TEXT2</td>
    </tr>
</table>

<强> CSS

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

#mytable td.firstcell {
    background:red;
    width:1%;
}

Answer 2

这个怎么样？

<table id="mytable"style="width:100%;background:red">
    <tr>
        <td>aaa</td>
        <td width="100%">Royi</td>
    </tr>
    <tr>
        <td>bbbbbb</td>
        <td width="100%">Royi</td>
    </tr>
    <tr>
        <td>cccccccccccccccc</td>
        <td width="100%">Royi</td>
    </tr>
</table>

Answer 3

http://jsfiddle.net/rjsAG/

只是不要添加最后一个TD，而是使用width:100%作为第二个

Answer 4

CSS

tr td:not(:first-of-type){
    width:100%
}

或

tr td{
    width:100%
}
tr td:first-child{
    width:1%
}