Javascript CSS-如何水平居中放置绝对位置的桌子

我有一个5个html页面与相同的代码。假设这是代码：

<div id='generic'>
</div>

---

不适合我。请注意，我没有使用CSS3，而是使用IE8。

margin:0 auto

不适用于绝对定位元素。你需要做的就是绝对地把它放在中间。将其向左移动50%即可完成此操作；然后将左边距调整为元素宽度的负一半

#bottomTable {
 position: absolute;
 width: 700px;
 left: 50%;
 margin-left: -350px; /*Half the width of your element*/
}

这将把它集中在它的父母

的中间。 请确保父容器位置设置为相对

---

Hm这将使每个表格都从页面中心开始，对吗？但它不会使每张桌子水平居中。因此，如果该行的长度为10td，它将不会水平居中。桌子将从-350px开始是的，但这并不能使它水平居中，你明白我的意思吗？所谓水平居中，我指的是无论桌子有多少个td，桌子左右两侧都有相等的空间。这将使桌子水平居中（左右两侧的空间相等），因为左边：50%；左边缘：-350px；一起工作我做了一把小提琴，放在答案里让你看

<div id='bottomBar'>
    <table id='bottomTable'>
        <tr id='bottomTr'>
        </tr>
    </table>
</div>

margin: 0 auto;

#bottomTable {
 position: absolute;
 width: 700px;
 left: 50%;
 margin-left: -350px; /*Half the width of your element*/
}