2010-09-08 145 views
8

我有一个3列的表格。我想,第三列排列到上元素的右边,2列到左侧,像这样:HTML表格列右对齐

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

有没有办法通过CSS或东西做到这一点?

回答

11

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

+0

适用于methanks很多:) – Graslandpinguin 2010-09-08 07:51:53

+0

您还可以设置宽度:最后一列的样式和最后一列的td align =“right”的100%。然后,您可以在间距仍然有效的情况下在中间插入更多列。 – 2012-08-08 16:48:09

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样式),你可以创建一个类,就像每个<td>

我试图改变.firstColumn.secondColumn直接列但不起作用(HTML table colgroup element not working?