수직 정렬 문제

이 (굴림 승 발생하지 않습니다) 헬 베티 노이에있는 작지만들이 지속적인 두통이다수직 정렬 문제

텍스트의 일부가 굵은 경우 완벽하게 수직으로 아래쪽으로 약간 이동합니다 정렬 텍스트 . 작은 변화이지만 굵은 글씨와 굵은 글씨가 아닌 텍스트 요소를 나란히 섞어 보면 정렬이 엉망입니다.

예를 들어 http://jsfiddle.net/ZZ3m6/7/을 참조하십시오.

명시 적으로 선 높이를 설정하는 경우에도 이동이 발생합니다. 이걸 어떻게 막을 수 있니?

enter image description here

출처

2012-07-23 Yarin

Helvetica Neue는 웹에 나쁜 선택입니다. 글꼴 크기 문제부터 대체 문제 (Windows의 경우), 일관성없는 줄 높이까지 모든 작업을 수행했습니다. –

내 경험도 헬 베티 뉴 귀찮게하지 않습니다. Mac에는 Helvetica가 사전 설치되어 있으며 Helvetica Neue의 굵은 글씨로는 그다지 문제가되지 않습니다.

편집 : Helvetica Neue baseline rendering problem with Firefox/Mac

출처

2012-07-23 18:38:10

벤 - 당신과 로버트가 언급 할 때까지 Helvetica Neue는 문제가 있다는 것을 알기 전까지 링크/조언에 대해 감사드립니다. 나는 font-family : sans-serif로 바꿨고 모든 수직 정렬 문제는 크롬/사파리에서 사라졌습니다.하지만 이제는 Firefox에서 모든 것이 위쪽으로 이동했습니다 ... : S – Yarin

H Neue 문제에 대한 추가 정보 : http://angelobeltran.com/ 블로그/기사/helvetica-neue-the-추한 진실 / – Yarin

여기에 원래 문제가 크롬의 최신 버전에서 해결 : 다음은 문제를 해결하는 데 사용할 수있는 몇 가지 CSS의 해커를 가지고 관련 질문입니다. vertical-align: top으로 설정하면 테이블에 문제가 발생할 수 있습니다. http://jsfiddle.net/nwXHG/

해결책 : vertical-align: middle으로 변경하십시오.

출처

2013-05-08 19:47:58 sandinmyjoints

수직 정렬 문제

답변

관련 문제