将行元素居中放在表格中

Question

我有一个宽度为222px的html表

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

在此行内，有一列具有相同的宽度 这一行。

我的问题是，如何将此行与表格的中心对齐。

我尝试过align =“center”和style =“float：center;”但这些只是工作 在所包含的文字上。

Answer 1

但是，如果你真的，真的必须使用一个表，这里是如何设计它：

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

边框间距中的30px是表格宽度和单元格宽度之间水平差异的一半。

请参阅jsFiddle。

Answer 2

你可以这样尝试

 <table width="222px" align="center">
 <td width="31px"></td>
 <td width="160px">test</td>
 <td width="31px"></td>
 </table>

在此测试：http://www.webmasterorbit.com/wysiwyg-html-tester.html

Answer 3

同意昆汀。拥有1x1表是没有意义的。

尝试使用以下内容。

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

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

Answer 4

你必须使用这个

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

使用这个不会工作

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