【CSS】若要文字在div里垂直居中，设置height与line-height等值是常用手段

此手段容易，见效快，副作用小，

Html代码是：

<div id="blueTabDiv">
                    <ul>
                        <li><a href="" class="active">接口信息</a></li>
                        <li><a href="">返码说明</a></li>
                        <li><a href="">示例代码</a></li>
                        <li><a href="">接口文档</a></li>
                        <li><a href="">升级版本</a></li>
                    </ul>
</div>

 

CSS代码是：

#blueTabDiv ul li a{
            background:white;
            color:black;
            display:block;
            height:40px;
            line-height:40px;/*line-height与height等同是使文字垂直居中的一种方法*/
            text-align:center;
            width:120px;
        }

效果：