MAC和Windows上的文本定位行爲不同

我在MAC和Windows中發現了文本定位的一些奇怪問題。兩者都使用Chrome。我在這裏有一個打印。MAC和Windows上的文本定位行爲不同

enter image description here

我不能似乎在中間放置文本，這發生在頁面的幾個要素。這是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; 
}

來源

2013-09-26 Jiimmeh

嘗試將line-height，看看是否有幫助:)

來源

2013-09-26 12:17:10 Pawcu

看起來它的伎倆，我敢肯定，我嘗試過。但現在，它的工作，謝謝！ – Jiimmeh

哈哈很高興工作:) – Pawcu

MAC和Windows上的文本定位行爲不同

回答

相關問題