Это тестовое изображение показывает, насколько сильно отличается Safari позиционирует текст внутри поля по сравнению с Firefox (Safari 5.0.5 и Firefox 5.0.1 для Mac OS X 10.6. 7). Обратите внимание, как буква «S» для без засечек
вставлена в верхнюю часть поля в Firefox, а не в Safari. Разница, кажется, зависит от используемого шрифта, где некоторые даже отображаются последовательно.
Я читал людей, которые говорили , что это связано с проблемами округления между font-size
и line-height
(и исправлено установкой высоты меньше, чем размер), но я думаю, что это опровергается моим примером, где sans-serif / helvetica в Firefox всегда выравнивается по верхнему краю поля.
Мне это кажется например, Safari делает его более правильным, чем Firefox, т.е. текст обычно больше располагается вокруг средней линии.
Есть ли хороший способ сделать их более последовательными? Моя цель - только браузеры, соответствующие стандартам.
vertical-align
. Мой тестовый код: http://jsbin.com/omaboc
Some text @ this box
Some text @ this box
Some text @ this box
Some text @ this box
Some text @ this box
Some text @ this box