css - 为什么 img 不居中？

Question

更新:是的，将 text-align: center 放在包含的 div 中就可以了!

我不知道为什么 img 没有居中。

这是 CSS:

#add_next {     
   clear: both;     
   width: 79%;  
   margin-right: auto;  
   margin-left: auto;   
   margin-top: 20px; 
}

.next_button {  
   height: 60px;    
   margin-top: 13px;    
   margin-left: auto;   
   margin-right: auto;  
   text-align: center;  
   -webkit-transition: all 0.1s;    
   transition: all 0.1s; 
}

这是 html 片段:

<div id="add_next"><a href=# ><img src="images/next button5.png" class="next_button" /></a></div>

Answer 1

如果您将 text-align:center; 添加到父 div 元素，它将居中。

fiddle