텍스트 위치 지정은 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 설정을 시도하고 도움이되는지 :)