如何在div中居中对齐IMG？

Question

如何在div中居中对齐IMG？

<div id="head">
  <div id="panel">
    <img/>
    <a href="#"><img/></a>
    <a href="#"><img/></a>
    <a href="#"><img/></a>
  </div>
</div>

Img有不同的宽度和高度。

的CSS：

#head{
    float:right;
    margin:15px 100px 30px 30px;
    text-align:center;
    height:20px;
    width:160px;
}
#panel img{
    margin-left:10px;
    text-align:center;
}

Answer 1

可能这就是你要找的东西：

#panel img {
    vertical-align: middle;
}

demo

Answer 2

设置“#panel”div的宽度，使其有空间居中。

Answer 3

在图像居中之前，您需要给#panel一个宽度。

Answer 4

提供<div id="panel" align="center">。图像将位于中心