首页 > 怎么样让这两个a标签的文字垂直居中呢?

怎么样让这两个a标签的文字垂直居中呢?

右边那两个登录和注册明显和左边的没有在同一水平线上 为什么前面的那个li的文字都是垂直居中的呢 后面的却不行呢 怎么样让它垂直居中呢?

<nav class="navbar navbar-default" >
<div class="container">
   <div class="navbar-header">
   <button type="button" class="navbar-toggle collapsed navbar-right" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar" >
            <span class="sr-only">daohang</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
      <a class="navbar-brand" href="#">W3Cschool</a>
   </div>
   <div class="collapse navbar-collapse" id="navbar">
      <ul class="nav navbar-nav">
         <li class="active"><a href="#">aaa</a></li>
         <li ><a href="#">bbb</a></li>
         <li ><a href="#">ccc</a></li>
      </ul>
      <div class="navbar-form navbar-right ">
        <a href="#" class="navbar-link">登陆</a>
        <a href="#" class="navbar-link">注册</a>
      </div>
   </div>   
 </div>  
</nav>

a标签默认是inline属性,所以不在居中位置,可以试试设置a标签的inline-height为div的height,应该就可以居中,另外建议给出具体的实例代码,这样好分析


加个css样式,line-height

【热门文章】
【热门文章】