【发布时间】:2017-10-30 17:21:36
【问题描述】:
是的,有 10 亿篇关于这个主题的帖子,这很讽刺,因为我之前已经将许多表格置于中心位置。
但是“答案”不起作用。我正在使用 Database.net 插件表(这可能是为什么?)链接到 Codepen:https://codepen.io/ScottFSchmidt/pen/eemrBG
另外,我希望能够保持 80% 以上的宽度。在“解决方案”上工作,但桌子很小,因为它有 50% 的宽度。
table {
width:100%;
margin: 0 auto;
}
.table {
border-radius: 5px;
margin: 0px auto;
float: none;
width:100%;
margin: 0 auto;
}
这是引导程序 3 仅供参考,而不是 4,所以它不是重复的
【问题讨论】:
-
更新你的代码并添加你的html代码
-
你可以试试,在 css 中。 table { padding: 0 20%;} 我已经修改了你的 codepen。
-
这可能是因为我没有清除我的缓存,因为它看起来以我的手机为中心,但很难分辨。它是其他人的中心吗?我在吃午饭
-
这张表是 bootstrap 3 而不是我记忆中的 4...
-
您正在使用Bootstrap 4's style sheet。无论如何,将
.table-responsive移动到容器seems to work for me的解决方案。
标签: html css twitter-bootstrap datatables