Ответ 1
В большинстве случаев на самом деле лучше использовать единичную высоту линии - см.
- http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
- https://developer.mozilla.org/en/CSS/line-height - см. примечания, где они показывают пример
Конечно, есть исключения. Первое, что приходит в голову, - это когда у вас есть элемент блока с известным height
и с одной строкой текста в нем, и вы хотите центрировать эту строку текста по вертикали - я считаю, что самый простой способ сделать это: используйте line-height
, который равен height
элемента блока.
[На всякий случай, для тех, кто не знает, что такое сделка без единиц line-height
.]
Предположим, что у вас есть элемент с font-size: 14px
. Не имеет значения, где он был установлен, независимо от того, унаследовал он это или нет, если вы установили его самостоятельно или он исходил из таблицы стилей пользовательского агента. Элемент имеет font-size: 14px
.
Теперь, если вы установите, скажем line-height: 1.5
для одного и того же элемента, это будет переведено в пиксели как 1.5 * 14px = 21px. Таким образом, вычисленный line-height
будет 21px
.