5

我在 Twitter Bootstrap 中有一个表格,当表格有很多列(大约 19-20 取决于它们里面的内容)时,它会延伸到 .container 之外。

推特引导表

hr 标签(表格下方的灰线)定义了 .container 的边缘。桌子总是向右延伸过去。

是否可以将表格居中,使其在两侧均等地延伸到 .container 之外?

4

2 回答 2

2

我有同样的问题。结果发现容器的宽度小于桌子的宽度。如果您使用的是 Chrome,开发者工具非常棒。

我只是将它设置为大于我的桌子的宽度,作为临时修复。我的表格宽度当前为 1079 像素。

.container { width: 1200px; }

当我将表格的宽度增加到 1132 像素时,它又开始向右漂移。我将尝试减小内容的宽度,但这是一个难题。可折叠的列可能是一个东西,并且有水平滚动,但这似乎是数据的更多障碍。

于 2012-11-14T19:27:57.680 回答
1

尝试:

.table{table-layout:fixed}

演示:http: //jsfiddle.net/GCu2D/4889/

于 2018-08-07T14:25:31.140 回答