Html 对中显示：表div

我有一个全宽包装器div。在它里面，还有另一个div设置为

display:table

我已经将包装设置为

text align:center

，但是表div没有居中。为什么呢？为了使

display:table

div在包装器内水平居中，我缺少了什么

问题是

CSS属性描述内联内容是如何 文本在其父块元素中对齐

然后，它不能将元素置于

display:table

的中心，因为这不是内联内容

但您可以使用

内联表

：

.tb{
显示：内联表；
}

问题是

CSS属性描述内联内容是如何 文本在其父块元素中对齐

然后，它不能将元素置于

display:table

的中心，因为这不是内联内容

但您可以使用

内联表

：

.tb{
显示：内联表；
}

将此项添加到类中：

.tb {
    display: table;
    width: 100px;
    background: silver;
    margin: auto;
    overflow: hidden;
}

演示：

将此添加到类中：

.tb {
    display: table;
    width: 100px;
    background: silver;
    margin: auto;
    overflow: hidden;
}

---

演示：

谢谢！我会将Oriol的答案标记为正确，因为我的主要兴趣是知道它为什么不起作用。。。但是+1对于您的解决方案有更多的兼容性…谢谢！我会将Oriol的答案标记为正确，因为我的主要兴趣是知道它为什么不起作用。。。但是+1对于您的解决方案具有更大的兼容性…谢谢。。。我的主要兴趣是知道为什么它不起作用，这个答案很好地解释了。。。只要注意，

内联表

在现代浏览器和IE9+上都受支持，IE8需要一个！DOCTYPE，IE7和earlier@LcSalazar是的，在旧IE上不起作用，但我认为同样适用于

表格

和

表格单元格

。谢谢。。。我的主要兴趣是知道为什么它不起作用，这个答案很好地解释了。。。只要注意，

内联表

在现代浏览器和IE9+上都受支持，IE8需要一个！DOCTYPE，IE7和earlier@LcSalazar是的，在旧IE上不起作用，但我认为同样适用于

表格

和

表格单元格

。

.tb {
    display: table;
    width: 100px;
    background: silver;
    margin: auto;
    overflow: hidden;
}