水平对齐表格行

Question

是否可以水平对齐表格行？

大多数人会说： “如果您希望单元格水平对齐，为什么要开始新行？”

我的回复： “我无法控制表格结构。我不能，好吗？”

---

代码：

tr {
    display: inline;
}

这在FireFox中看起来很好，但Internet Explorer 7会垂直对齐行。我不想使用JavaScript。

编辑：在你开始使用JavaScript之前，我已经想出了类似的东西：

String.prototype.replace.call(table.innerHTML,/<\/tr>.*<tr>/,"")

Answer 1

这个怎么样？

<强>代码：

table tr { display: table-cell; };

希望我帮助过。

Answer 2

尝试使用float:left;而非显示inline。

Answer 3

如果您想将tr的内容居中，请将其写为

tr {width:100%, text-align:center} 

如果你想给出一个确切的宽度并使整个表居中，那么这样做：

table {width:100px (exact width), margin:0 auto; text-align:center}

如果您遇到对齐问题float:left;将会修复它。