如何使用CSS來垂直居中對齊div中的圖像？

enter image description here

，並希望垂直居中對齊的圖像。

我該怎麼做？

thx

2012-03-15 timpone

的可能重複（http://stackoverflow.com/questions/5644737/vertical-aligning-a-image-in-a-div-element） – steveax 2012-03-15 01:40:55

可能重複：http://stackoverflow.com/questions/7273338/how-to-properly-vertically-align-an-image – 2015-02-23 15:08:08

你不能在默認情況下div（無論如何直css）。你必須設置內含div作爲表小區和垂直對齊它中間像這樣：[？在一個div元件豎直對準的圖像]

.ios-image-box 
{ 
    display: table-cell; 
    vertical-align: middle; 
}

來源

2012-03-15 01:26:21

是它可能做到這一點不是'display：table-cell'？ – timpone 2012-03-15 01:37:28

冷靜，從此也跌跌撞撞http://stackoverflow.com/questions/3655331/css-vertically-center-an-image-within-a-floated-div這也給了更多的信息。這似乎工作。 THX – timpone 2012-03-15 01:43:15

是的，我知道這樣做沒有JavaScript的唯一途徑就是通過'顯示：表細胞;'。我知道這看起來有點不好意思，但似乎是這樣做的首選方式。 – 2012-03-15 01:53:59

如何使用CSS來垂直居中對齊div中的圖像？

回答

相關問題