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

Question

在Firefox和Chrome中，<a>的“可点击”区域在包含div的整个宽度（或不在div内的区域）上展开，但是不在IE中。

我该如何让img处于居中状态，并且根据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

Wrapp它通过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

Answer 2

定义这个

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