将TD对齐到TABLE的右侧

时间:2012-03-07 20:22:11

标签: html alignment row html-table

让我们说我有3列,1行。我希望第一列尽可能大,而不要让其他列内容跳到一行(就好像有一个换行符)。像这样:

||||||||||||||||||||||||||||||||||||||||||||||| ||||||||||||||||||||||||||||||||||||||| |||||||||||||||||||| ||||||||||||||||||||||

所以第一列应该尽可能多地使用表中的sapace而不会对另外两列产生任何问题,这两列应该只使用它们需要的空间而已,并且它们应该与右边对齐。

我尝试使用它的设置宽度,但是随着最后两列的内容上升,它会产生一个问题,迫使文本跳过一行。

我该怎么做?提前谢谢!

1 个答案:

答案 0 :(得分:9)

使主单元格宽度=“100”%“并将”nowrap“添加到其他单元格中。

<table border="1" width="100%">
    <tr>           
        <td width="100%">###</td>
        <td nowrap>### ###### ###</td>
        <td nowrap>###### ###### ###</td>
    </tr>
</table>