html - 将 TD 对齐到 TABLE 的右侧

标签 html alignment row html-table

假设我有 3 列,1 行。我想让第一列尽可能大,而不是让其他列的内容跳下一行(就像有换行符一样)。像这样:

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

因此,第一列应该尽可能多地使用表格中的空间,而不会对其他两列造成任何问题,而其他两列应该只使用它们需要的空间,仅此而已,并且它们应该向右对齐。

我尝试为其设置宽度,但随着最后两列内容的增加,它会产生一个问题,迫使文本跳下一行。

我该怎么做?提前致谢!

最佳答案

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

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

关于html - 将 TD 对齐到 TABLE 的右侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9608478/

相关文章:

html - 纯文本版本与颜色切换器的可访问性

javascript - div 位置不会在响应式页面中重置

html - 如何制作响应式导航栏?

Javascript使用复选框选择表格的整行(更改背景颜色)并在单击下一个复选框时取消选择

html - CSS - 元素定位(绝对页眉、正文、固定页脚)

html - 我并排对齐了 2 个按钮,但现在我的背景不见了

html - 如何减少tr之间的空间?

html - 使用 HTML 标记在 Jasper 中进行文本对齐

excel - 在 VBA 中引用行名称

r - 在数据框中使用 NA 压缩行 (R)