HTML 表格列右对齐答案

【问题标题】：HTML table column align rightHTML 表格列右对齐
【发布时间】：2011-04-09 14:15:19
【问题描述】：

我有一个包含 3 列的表格。我希望第三列与上部元素的右侧对齐，其他 2 列向左对齐，如下所示：

(left column) (middle column)                                      (right column)

有没有办法通过 CSS 或其他方式做到这一点？

【问题讨论】：

标签： html css html-table

【解决方案1】：

<td style="text-align:right;">data1</td>

【讨论】：

【解决方案2】：

有几种方法可以做你想做的事。最基础的就是直接在tag中改变对齐方式

<td align='left'>data1</td><td align='right'>data1</td><td align='left'>data1</td>
<td align='left'>data2</td><td align='right'>data2</td><td align='left'>data2</td>
....

如果您需要更改其他内容（css 样式），您可以在每个 <td> 上创建类似 .firstColumn 和 .secondColumn 的类

我尝试直接更改列，但不起作用 (HTML table colgroup element not working?

【讨论】：

【解决方案3】：

在表格和中间列上使用width:100%。

【讨论】：

您还可以在最后一列的样式上设置 width:100% 并在最后一列上设置 td align="right"。然后你可以在中间插入更多的列，而间距仍然有效。