4

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

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

我的回答者： “我无法控制表结构。我就是不能，好吗？”

代码：

tr {
    display: inline;
}

这在 FireFox 中看起来不错，但 Internet Explorer 7 垂直对齐行。我宁愿不使用 JavaScript。

编辑：在你开始 JavaScript-hacking 之前，我已经想出了这样的东西：

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

3 回答 3

6

那这个呢？

代码：

table tr { display: table-cell; };

希望我有所帮助。

于 2011-07-13T15:34:31.030 回答
1

尝试使用float:left;而不是显示它inline。

于 2011-07-13T15:31:41.530 回答
-1

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

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

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

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

如果您遇到对齐问题，float:left;将解决它。

于 2011-07-13T15:32:07.690 回答