宽度为100%但TD不断增长的Html表格？

我有一张桌子，它的宽度是100%

但是，我希望第二个

td

靠近

左

端。（就在CCCCC之后…）

使用了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>

文本1
文本2

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

这个怎么样

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

aaa
周静文
bbbbbb
周静文
中交
周静文

试试这个： 完全按照你的要求去做

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>

只需不添加最后一个

TD

，而是使用

width:100%

作为第二个CSS

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

或

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

---

：not（：

不是跨浏览器（当前）psuedo选择器。（另外：类型的第一个）OP未定义验证范围和项目平台支持。您完全正确。不过，这是受支持浏览器的最佳解决方案。+1。@RoyiNamir第二个主张是跨浏览器平台；）因为您在.js输入框中添加了.css:：；）这是来自JSFIDLE代码的内容。我以为你需要它。您也可以删除它：）此解决方案有一个问题。如果其他单元格（不是最后一个100%）的文本带有空格，则即使有足够的空间在一行上打印，也会将其换行。

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