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

在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;
}

最佳答案

尝试设置line-height，看看是否有帮助:)

关于html - 文本定位在MAC和Windows上的行为有所不同，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19027846/