HTML表格居中宽度大于正文

Question

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

我读过这样的问题：Center table, even if it is wider than parent container指出，在这种情况下，将表格居中的唯一方法是使用Javascript。

但是我希望找到一个没有javascript的解决方案。页面设计非常简单(只需在页眉居中显示网站徽标，下方有一系列大按钮)。

你有什么建议可以简单而优雅地解决这个问题，使按钮表格始终在页面中居中？

Answer 1

http://jsfiddle.net/JQ3qb/

我不确定，但这是你想要的吗？你可以用定位来做，然后用左边的百分比来调整桌子。

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