HTML表格列右对齐

18

我有一个包含3列的表格。我希望第三列与上面的元素右对齐,而其他两列左对齐,如下所示:

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

有没有一种通过CSS或其他方式实现这个的方法?

3个回答

24

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


你也可以在最后一列的样式中设置width:100%,并在最后一列中使用td align="right"。这样,即使在中间插入更多的列,间距仍然有效。 - Adam Bruss

6
数据1

5

有几种方法可以实现你想要的效果。最基本的方法是直接在标签中更改对齐方式。

<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 is not working)。

那还支持吗? - Peter Mortensen

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接