3

我有一张宽度为 100% 的桌子；

我有 2 个 TD。

在此处输入图像描述

但是我希望第二个td接近left尾声。（就在cccccccc之后......）

有一个解决方案使用 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 的另一种解决方案？

4

4 回答 4

4

试试这个： 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%;
}
于 2013-02-14T15:03:52.997 回答
3

那这个呢 ？

<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>
于 2013-02-14T15:03:27.013 回答
2

CSS

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

或者

tr td{
    width:100%
}
tr td:first-child{
    width:1%
}
于 2013-02-14T15:10:26.693 回答
1

http://jsfiddle.net/rjsAG/

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

于 2013-02-14T15:04:33.457 回答