html - 元素中的中心 block 元素

Question

我试图将 block 元素(WordPress 标题框，包括图像)居中，但它不起作用。我试过:

.imagecenter {
   margin-left: auto;
   margin-right: auto;
   display: block;
}

但这行不通。我也尝试过 margin-left: auto; margin-right: auto; 但这也行不通。我做错了什么吗？这就是 W3C 文档所说的我应该做的。

它在 HTML 中看起来像这样(澄清一下):

<div id="content">
........post here......
<div class="wpcaption imagecenter" style="width:225px">
<img src="blah" />
Blah.
</div>
.........post here......
</div>

我无法控制元素的宽度。它由用户设置。用户希望 div 居中。它不工作。我查看了文档，但仍然无法正常工作。

编辑:我已经尝试过 Margin-Left: AUTO 和 Margin-Right: AUTO。它不起作用。

Answer 1

一般来说，要将一个div定位在中心，技术是让左右边距都自动，然后给div一个宽度:

.centerDiv
{
    margin-left:auto;
    margin-right:auto;
    width: XXX px;
}