Question

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

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

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

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

Answer 1

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

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