div中的垂直图像

Question

这是我的代码：

<div class="news-container">
    <div class="flex_column av_two_third flex_column_div first">
    <div class="news-date"><h2>jan 2015</h2></div>
    <div class="news-entry">
       <div class="news-title"><h2>new title</h2></div>
       <div class="news-source">wearhouse</div>
       <div class="news-content">excerpt goes here.</div>
    </div>
</div>
<div class="flex_column av_one_third flex_column_div">myimage</div>
</div>

如何让图像在其div的垂直中间浮动。

我尝试添加此代码：

.img{
    position: absolute;
    top: 50%;
    margin-top: -100px;
}

但是因为我在新闻包含上填充了30px，所以它似乎无法正常工作。

我的实时网页位于： http://nodal.rudtek.com/about-us/press-room/news-features/

Answer 1

尝试使用line-height，通常它对我来说非常合适，所以很有可能也适合你。希望它有所帮助。