我试图居中块元素（WordPress的标题中，包括图像），但它不会工作。 我试过了：
.imagecenter {
margin-left: auto;
margin-right: auto;
display: block;
}
但它只是将无法正常工作。 我也试着margin-left: auto; margin-right: auto; 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>
我有在元件的宽度的控制。 它是由用户设置。 用户希望为中心的股利。 它不工作。 我看过了文件，但它仍然是行不通的。
编辑：我已经尝试MARGIN-LEFT：汽车，MARGIN-RIGHT：AUTO。 这是行不通的。
在一般情况下，在中锋位置上一个div，该技术是使左，右两个倍数自动然后给DIV的宽度：
.centerDiv
{
margin-left:auto;
margin-right:auto;
width: XXX px;
}
给它一个宽度小于其父。
.parent { }
.imgCenter { width:320px!important; margin:auto; }
<div class="parent">
<img src="foobar.jpg" class="imgCenter" />
</div>
更简单的解决方案可能是设置margin-left: auto ， margin-right: auto和text-align: center您包含元素的所有子元素（标题文本）：
.imagecenter *{
margin-left: auto;
margin-right: auto;
text-align: center;
}
这意味着你将不必明确设置你的包含元素的宽度，但有字幕文字将有100％的宽度，这可能看起来奇怪的缺点。
我知道这是一个老问题，但对于那些是谁发现这在谷歌，我发现了另一个答案：
只要给这些属性的包装元素和内容将是中心对齐。
width: 1024px;
margin-left: auto;
/* I have used 1024px since I set the minimum resolution requirements for my website as 1024 x 768 */
