2012-04-05 61 views
0

我有一个宽度为222px的html表格居中表格中的行元素

里面我有一行宽度定义为160px。

在此行内部,有一列与该行的 具有相同的宽度。

我的问题是,如何将此行对齐到表的中心。

我试过align =“center”和style =“float:center;”但这些工作仅包含文本上的 。

+4

扔桌子远使用此

<td align = 'center'>Blah blah</td> 

。 1x1表没有意义。行不与表格一样宽的表格是没有意义的。使用适当的标记。 – Quentin 2012-04-05 08:54:47

+0

我正在使用1x1表格,因为这些表格是从查询中生成的,对于每个结果集,我都有不同的表格颜色,它包含了行,并且它包含了列。 – 2012-04-05 08:57:20

+0

tr没有CSS宽度属性。它总是和桌子一样宽。 – Stefan 2012-04-05 08:57:47

回答

1

但如果你真的,真的必须使用一个表,这里是如何设置样式:

.resultset { 
    width:222px; border:1px solid; 
    border-collapse:separate; border-spacing:30px 2px; 
} 
.resultset td { 
    border:1px solid; 
} 

凡在边框间距的30像素的表格宽度和单元格宽度之间的一半水平的差异。

请参阅jsFiddle

+0

谢谢李斯特!这工作完美。 – 2012-04-05 09:12:11

0

同意昆汀。有1x1表没有意义。

请尝试以下操作。

<div style="margin: 0px auto; position: relative; width: 222px;"> 
....your content 
</div> 

您可能想要为div创建一个CSS类。我个人不喜欢有内联样式。

0

必须使用这不会工作

<tr align = 'center'></tr> 
+0

我需要对齐表格中的。请看李斯特的答案。 – 2012-04-05 09:14:41