代码之家  ›  专栏  ›  技术社区  ›  user1140067

如何在网站上的两个标题图像之间垂直对齐一些标题文本?

  •  0
  • user1140067  · 技术社区  · 12 年前

    这是网址:www.dealflurry.com 我想使用css。我想不出如何将标题文本“Deal Flurry”垂直放置在它周围两个图像的中间。文本停留在图像的底部,而不是在中间。我试过把文本和图像放在div中,但没有像我那样工作。如果有任何帮助,我将不胜感激!

    1 回复  |  直到 12 年前
        1
  •  2
  •   Peter Featherstone    12 年前

    添加 vertical-align: middle; class 或者 inline style (最好是一个类),它会修复它。

    以下是使用内联样式更新的完整标题div代码:

    <div class="header">
    
    <img height="200" src="http://www.dealflurry.com/images/HiRes.jpg" style="vertical-align: middle;">
    
    Deal Flurry
    
    <img height="200" src="http://www.dealflurry.com/images/balloons.jpg" style="vertical-align: middle;">
    
    </div>