Question

我遇到了使用CSS在DIV中垂直居中文本的问题。我已经尝试了在这里发布的解决方案，我似乎无法让它正常工作。有什么建议吗？

CSS

#navigation {
   position: fixed;
   width: 100%;
   height: 40px;
   background-color: #333;
   right: 0;
   left: 0;
   margin-right: auto;
   margin-left: auto;
   margin-top: 0px;
   z-index: 999 ! important;
   text-align: center;
   font-family: 'Droid Sans Mono', sans-serif;
   text-transform: uppercase;
   color: #FFF;
   line-height: 40px;
}

span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;      
}

标记

<div id="navigation"><span><img src="images/nav_logo.png" />&nbsp;<font face="Droid Sans Mono"><a href="http://www.hubblive.com/news/">NEWS</a></font></span></div>

任何信息都会很棒，我很业余。

Answer 1

肮脏的伎俩：

CSS：

span {
    vertical-align: baseline;
}

img {
    display: inline-block;
    vertical-align: top;
}

在Chrome中测试。

在CSS Div中垂直居中文本

1 个答案:

CSS：