文本定位在 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 看看是否有帮助:)