将表格中的行元素居中答案

【问题标题】：Center a row element in a table将表格中的行元素居中
【发布时间】：2012-04-05 08:49:59
【问题描述】：

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

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

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

我的问题是，如何将这一行对齐到表格的中心。

我试过 align="center" 和 style="float:center;"但这些只工作在包含的文本上。

【问题讨论】：

把桌子扔掉。 1x1 表没有意义。行没有表格那么宽的表格没有意义。使用适当的标记。
我正在使用 1x1 表，因为这些表是从查询中生成的，并且对于每个结果集，我的表都有不同的颜色，它包含行和包含列。
tr 没有 CSS 宽度属性。它总是和桌子一样宽。
+1 用于跳出框框思考并尝试style="float:center"。大多数 preople 不会考虑尝试这样做，因为他们会认为它不会做任何事情。也就是说，你想达到什么目的？为什么你确信你需要一张桌子？
如果您想要的只是 3 种不同颜色的边框，那么 outline 或许可以帮助您实现这一目标。

标签： html

【解决方案1】：

但如果你真的，真的必须使用表格，这里是如何设置它的样式：

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

border-spacing 中的 30px 是表格宽度和单元格宽度之间水平差的一半。

【讨论】：

【解决方案2】：

同意昆汀的观点。 1x1 的桌子没有意义。

尝试以下方法。

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

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

【讨论】：

【解决方案3】：

你可以这样试试

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

【讨论】：

【解决方案4】：

你必须使用这个

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

用这个不行

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

【讨论】：