【问题标题】：how to center align IMG in div?如何在 div 中居中对齐 IMG？
【发布时间】：2011-11-21 21:46:20
【问题描述】：

如何在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;
}

【问题讨论】：

您的 CSS 似乎可以按原样工作。你想让图像居中对齐垂直+水平吗？

标签： html css

【解决方案1】：

也许这就是你要找的东西：

#panel img {
    vertical-align: middle;
}

demo

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

你需要给#panel 一个宽度，图片才会居中。

【讨论】：

【解决方案4】：

给<div id="panel" align="center">。图片将居中

【讨论】：

align 已弃用，请勿使用。