将表格放在 Div 中。关闭我的 30 像素答案

【问题标题】：Centering a Table in a Div. Off my 30 pixels将表格放在 Div 中。关闭我的 30 像素
【发布时间】：2015-01-06 13:22:23
【问题描述】：

我已经玩了好几天了，只是无法让桌子居中。我知道您不应该使用表，但在这种情况下，我必须在其中存储数据。无论我尝试什么，我似乎都无法让这两个表格居中。

我尝试删除父容器，然后在表格周围创建一个 div，margin: 0 auto;

它仍然总是相差 20-30 像素。

http://splendid.ds9design.com/contact/

任何指导将不胜感激！

【问题讨论】：

而不是margin:0 auto; 请尝试text-align:center; 只是试一试。我不确定。
您想要居中的表格是“SPLENDID & CO”和“REPRESENTATION”，对吗？如果是这样，我认为因为它们的宽度是 100%。我尝试使用 600px 分配宽度并添加边距：0 auto;我认为它有效
你可以在这里添加代码以便我可以帮助你
@murnax snag.gy/gauLg.jpg 该表格在技术上看起来是居中的，但如果你看左边的文字，它不是。
@sanojlawrence 我的 h1 可以使用 '.ghost2 { display: inline-block;位置：相对；最高：50%；左：50%；变换：translateX(-50%) translateY(-50%);'但不是我的桌子

标签： html css stylesheet centering

【解决方案1】：

我创建了一个小提琴。希望这正是您所需要的。

http://jsfiddle.net/pyhpbwu2/1/

HTML：

<div id="outer">
    <table>
        <tr>
            <td>This </td>
            <td>is </td>
        </tr>
        <tr>
            <td>a</td>
            <td>Table</td>
        </tr>
    </table>
</div>

CSS：

#outer{
    background:red;

}
table{
    text-align:center;  
    margin:0px auto;
    border:1px solid #fff;
}
td{
    width:100px;
}

设置边距 0px auto; for table 完成这项工作。

【讨论】：

我试过使用 margin:0px auto;从技术上讲，表格是居中的，但内容不是。看我的屏幕截图snag.gy/gauLg.jpg
添加表格{text-align:center; }
@DSNYC：我已经更新了答案并为 td 添加了宽度以使居中更加清晰。检查更新的小提琴。