html - 居中 HTML 表格比正文更宽

Question

当 HTML 表格比页面正文宽时，它总是左对齐，无论您是否指定居中对齐。我有一个包含 CSS3 渐变按钮的表格，其大小不容易预测（按钮大小取决于浏览器使用的字体）。在某些浏览器上，这个表格比页面正文更宽，导致表格变得与页面横幅相关的不居中。

我读过这样的问题：中心表，即使它比父容器宽，说明在这种情况下使表居中的唯一方法是使用 Javascript。

但我希望找到一个没有 javascript 的解决方案。页面设计非常简单（只是以标题为中心的网站徽标，以及下方的一系列大按钮）。

您对此有什么简单而优雅的解决方案的建议，以便按钮表始终位于页面中心？

Answer 1

http://jsfiddle.net/JQ3qb/

我不确定，但这是你想要的吗？您可以通过定位来做到这一点，然后使用左侧百分比来调整表格。

#test{
    border: 1px black solid;
    width: 800px;
    position:relative;
    left: -25%;
    text-align:center;
}