【问题标题】:Center Table==> width:100%; margin: 0 auto;) not working [duplicate]中心表==> 宽度:100%;边距:0自动;)不工作[重复]
【发布时间】: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


【解决方案1】:

答案:

  padding-left:20%;
  padding-right:20%;

另外,Bootstrap 4 不允许 100% 宽度。

感谢所有评论的人!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-07-11
    • 2014-06-13
    • 1970-01-01
    • 1970-01-01
    • 2018-09-09
    • 2011-11-29
    • 2014-01-02
    相关资源
    最近更新 更多