Html 将表格中的行元素居中

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

在内部，我有一行，宽度定义为160px

在这一行中，有一个与该行宽度相同的列 排在第一位

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

我已经尝试过align=“center”和style=“float:center；”，但这些方法只起作用

---

在包含的文本上。

您可以这样尝试

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

测试

---

在这里测试：

同意昆汀的观点。拥有1x1表没有任何意义

尝试以下方法

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

……你的内容

---

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

但是如果您确实必须使用表，下面介绍如何设置它的样式：

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

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

请参阅。

您必须使用此

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

废话

用这个不行

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

把桌子扔掉。1x1表格毫无意义。如果表中的行没有表宽，则没有意义。使用适当的标记。我使用1x1表格，因为这些表格是从查询中生成的，对于每个结果集，我对表格有不同的颜色，它包含行和列。tr没有css宽度属性。它总是和桌子一样宽。+1用于跳出框框思考并尝试

style=“float:center”

。大多数人不会想到尝试，因为他们会认为它不会起任何作用。也就是说，你想要实现什么？为什么你确信你需要一张桌子？如果你想要的只是3个不同颜色的边框，那么也许

outline

可以帮助你实现这一点。我需要在桌子内对齐边框。请看李斯特的回答。