垂直对齐不正常

Question

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

我希望文本放置在图像高度的50％处 - 所以就在框的中间。

我在SO和google上搜索了很多 - 有很多这样的问题，但是彼此是关于另一个问题......我尝试了人们提供的解决方案，但没有一个工作，所以这就是为什么我'我在这里问你任何解决方案！

Answer 1

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

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

Answer 2

用以下内容替换以下内容：

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

img{
    vertical-align:middle;
}

这是你想要居中的形象。