垂直对齐不正常

时间:2012-02-12 05:00:59

标签: css vertical-alignment

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

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

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

2 个答案:

答案 0 :(得分:4)

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

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

答案 1 :(得分:2)

用以下内容替换以下内容:

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

img{
    vertical-align:middle;
}

这是你想要居中的形象。