中心对齐图片

Question

为什么这张图片没有集中对齐？

 <div style=" width:70%; margin:0 auto; padding:0.2%; border:1px solid #000; ">
 <img src="images/social.png" width="227" height="68" style="border:1px solid #000; 
  border-radius:5px; width:auto; margin:0 auto; display:block;" /></div>

这是一个简单的问题。请快速解决。

谢谢，

Answer 1

使用行高属性进行简单的尝试，并将其值设置为px，等于容器的高度，例如 //容器

<div class="container" align="center">
<img src="http://static.adzerk.net/Advertisers/46a9844d6e504212a85bc72ddd7dd829.png"       width="40" height="40">
 </div>
//css
.container{
    width:200px;
    height:200px;
    line-height:200px;
    border:1px solid #666;
    margin:0 auto;
}