中心使用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不起作用

回答

相關問題