如何使用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中的图像？

回答

相关问题