中心使用margin：自动在一段中的img不起作用

我想将图像置于<p>的中心我使用这个网站，http://www.w3.org/Style/Examples/007/center.en.html，并且在这里也找到类似的例子，但似乎没有任何工作。中心使用margin：自动在一段中的img不起作用

我的HTML代码是

<div class="span4"> 
    <h3 class="aglow" id="h3Body">Forms</h3> 
    <p> 
     <a class="btn btn-link "href="teacher_forms_list.html"> 
      <img class="operationsButtons" src="NewForms.png" alt="forms"> 
     </a> 
    </p> 
</div>

和我的CSS

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

，但由于某种原因，图像仍然在左边（附着图像的图片，并且集中在H3它）

Not centered

谢谢你的他LP

来源

2013-04-20 Quantico

尝试关闭img标签：http://jsfiddle.net/cabwu/2/ – m03geek 2013-04-20 06:30:41

如果您正在使用margin auto，您需要为该元素定义一个固定宽度 – 2013-04-20 06:31:33

@Mr。外星人看着我的小提琴。没有必要设定固定的宽度。它应该与当前父宽度（或父母的父母）对齐。 – m03geek 2013-04-20 06:33:51

由于@Tamil Selvan answred，你可以简单地使用text-align: center; - 比你需要定义宽度为您img元素以及display: block;Demo

如果您正在使用margin: auto; as img默认为内联元素 - Demo

来源

2013-04-20 06:40:48

简而言之

p 
{ 
text-align: center; 
}

来源

2013-04-20 06:30:44

非常感谢 – Quantico 2013-04-20 06:46:39

中心使用margin：自动在一段中的img不起作用

回答

相关问题