html - 将表格中的行元素居中

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>