Html 在Firefox和Chrome的页面上居中显示IMG（在a标签内）

在Firefox和Chrome中，

的“可点击”区域会扩展到包含div的整个宽度（或者不在div中时的主体），但在IE中不会

我该如何使img居中，并且根据IE的行为，只有图像是“可点击”的

html

---

定义这个

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

用div把它包起来

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

---

工作

否此操作无效，img将左对齐，可单击区域仍为全宽

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

<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;
}