垂直对齐无法正常工作

Question

现场演示： http://jsfiddle.net/9Y7Cm/1/

我想要放置文本在图像高度的 50% 处 - 所以就在盒子的中间。

我在SO和谷歌上搜索了很多 - 有很多这样的问题，但彼此都是关于另一个问题...我尝试过人们给出的解决方案，但没有一个有效，所以这就是为什么我问你在这里寻求任何解决方案！

Answer 1

只需在 img 上设置 vertical-align: middle 即可。

http://jsfiddle.net/9Y7Cm/2/

Answer 2

将以下内容替换为以下内容：

#column-content {
    display: table-cell;
    border: 1px solid red;
    padding: 10px;
}

img{
    vertical-align:middle;
}

这是您想要居中的图像。