如何中心對齊IMG在div？如何中心對齊IMG在div？

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

來源

2011-09-21 Ilya Medvedev

你的CSS似乎按原樣工作。你想要圖像中心垂直+水平對齊嗎？ –

我只想垂直對齊 –

可能這是你在找什麼：

#panel img { 
    vertical-align: middle; 
}

demo

來源

2011-09-21 12:26:55

設置「#panel」 div的寬度，從而有必要提供一種其被居中。

來源

2011-09-21 12:25:44 Musaab

在圖像居中之前，您需要給#panel一個寬度。

來源

2011-09-21 12:26:11 Louis

-1

給了<div id="panel" align="center">。圖像將進入中心

來源

2011-09-21 12:41:51

'align'已棄用，請勿使用它。 –

如何中心對齊IMG在div？

回答

demo

相關問題