在 DIV 中将 TABLE 居中答案

【问题标题】：Centering a TABLE within a DIV在 DIV 中将 TABLE 居中
【发布时间】：2012-03-16 16:20:04
【问题描述】：

我想让这张桌子放在它包含的 div 的中心，这让我抓狂！尝试使用 CSS 和 HTML 技巧来做到这一点，但没有任何效果。我最后的努力是在列的左侧添加填充并注意它，但我决定在采取这种措施之前寻求一些帮助。

【问题讨论】：

【解决方案1】：

为你的桌子试试这个 css

table {margin: 0 auto;}

【讨论】：

您好 user1053263，我在 Firefox 3.6 中看到了您的代码和 css，并且您的表格位于 class="content" div 的中心。您能否具体说明您在哪里面临问题，或者我对您的问题有什么不同？或者您希望表格单元格的对齐方式居中对齐吗？

【解决方案2】：

尝试使用<center> </center> 标签。

【讨论】：

【解决方案3】：

答案如下：

从 .container 类中删除 width: 100%;，并将 margin: 0 auto; 添加到您的表中。

【讨论】：

【解决方案4】：

用那个 css 属性添加另一个 div 怎么样？

【讨论】：

【解决方案5】：

这样做

定义div的宽度例如：1000px;

所以 div 必须有这个 CSS 才能使其居中。

.div
{
width:1000px;
position:relative;
z-index-200;
left:50%;
margin-left: -500px;
}

解释：

margin-left = 到您定义的宽度的一半。

【讨论】：