在Firefox和Chrome的页面中心IMG（在​​标签内）

Question

可点击的＆＃39; <a>的区域在Firefox和Chrome中扩展到包含div（或不在div内的正文）的整个宽度，但不在IE中。

如何制作图片以便img居中，只有图片可点击＆＃39;根据IE的行为？

HTML

<a href='http://www.google.com'>
  <img src='http://cecs.anu.edu.au/files/GoogleLogo.png' />
</a>

CSS

img {
    height:100px;
    display:block;
    margin: 0px auto;
}

Answer 1

定义此

a{display:block;text-align:center;}

Answer 2

用div包装它

<div class="container">
    <a href='http://www.google.com'>
        <img src='http://cecs.anu.edu.au/files/GoogleLogo.png' />
    </a>
<div>

和风格

img {
    height:100px;
    display:block;
}
div.container{
    width:300px;
    margin: 0px auto;
}

工作jsfiddle