中心使用HTML和CSS

我已经试过中心使用的margin: auto和width=70%组合为一些网站已经指示，但问题是，它不是居中正确的表，尤其是当我调整窗口的大小时。它不会像我的文字那样保持居中。

任何帮助集中它将不胜感激。

2014-05-23 Ogen

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

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

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

<table class="vegetableGrid">

正如你可以在小提琴看到，我删除了DIV，直接把造型放在桌子上。

2014-05-23 14:04:39 Wayne

感谢代码，它完美的作品，但为什么我的一个工作？你为什么不能将样式应用于div？它不应该传播到桌子？ – Ogen

DIV正在页面上居中，但表格未在DIV中居中，也未与DIV一起缩小。随着DIV缩小，表格会从最后溢出并保持左对齐。 – Wayne

我建议你改变img标签，并把图像放在TD风格，并删除IMG标签。因此，表格需要缩小时，单元格可以缩小。 Img标签不会让表缩小，因此它不会正确居中。让我知道你是否需要额外的帮助。

2014-05-23 13:56:44 ZeroWorks

-1

最简单的方法可能是使用margin

table{ 
    border-collapse:collapse; 
    position:relative; 
    margin:0px 0px 0px -100px;  
    border:1px solid black; 
}

，并尝试与第四保证金（-100） http://jsfiddle.net/6UTrz/2/

2014-05-23 13:57:55 21CmOfPain

您需要删除每个图像的硬编码的宽度和高度居中在桌子里。然后你可以做类似的事情：

table { 
     margin: 0 auto; 
    }

2014-05-23 13:59:58

回答