HTML表格列右对齐

时间:2010-09-08 07:32:43

标签: html css html-table

我有一个包含3列的表格。我希望第三列与上部元素的右侧对齐,另外两列在左侧,如下所示:

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

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

3 个答案:

答案 0 :(得分:14)

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

答案 1 :(得分:4)

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

<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样式),您可以在每个.firstColumn上创建一个类.secondColumn<td>

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

答案 2 :(得分:1)

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