html - 使用 html 和 css 将表格居中

Question

我这里有这个代码:http://jsfiddle.net/6UTrz/

我已经按照一些网站的指示尝试使用 margin: auto 和 width=70% 的组合使表格居中，但问题是，它没有正确居中，特别是当我调整窗口大小时。与我的文本不同，它不会居中。

如能提供居中帮助，我们将不胜感激。

Answer 1

据我所知，您的整个问题是您将样式应用于包含表格的 DIV。

如果您完全删除 DIV 并将样式应用于表格本身，它就可以正常工作。

http://jsfiddle.net/aapfp/

.vegetableGrid {
margin-left:auto;
margin-right:auto;
width:70%;
}

<table class="vegetableGrid">

正如您在那个 fiddle 中看到的那样，我删除了 DIV 并将样式直接放在 table 上。