文本定位在MAC和Windows上的行为有所不同

Question

我在MAC和Windows中遇到了一些奇怪的文本定位问题。两者都在使用Chrome。我在这里打印。

我似乎无法将文本放在中间，这发生在页面中的几个元素上。这是html代码。

<div align="center" class="tooltip px14 UnBC-font">
             ABOUT
             <div class="arrow"></div>
</div> <!-- tooltip -->

和css

 .navigation .tooltip{
    width:70px;
    height:20px;
    position:absolute;
    margin-left:-80px;
    text-align:center;
    padding-top:2px;
    background-color:#ffffff;
    color:#2d312c;
    display:none;
 }

.navigation .tooltip .arrow
{
    position:absolute;
    width:4px;
    height:7px;
    background-image:url(../images/main/white-little-arrow.png);
    right:0px;
    top:50%;
    margin-top:-3px;
    margin-right:-4px;
}

Answer 1

尝试设置line-height并查看是否有帮助：）