水平对齐表格行

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; 而不是内联显示。

Answer 3

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

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

如果您想给出精确的宽度并将整个表格居中，则执行以下操作：

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

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