Что такое линия-высота: 1?

Ответ 1

Возможные значения

номер:

Устанавливает число, которое будет умножаться на текущий размер шрифта, чтобы установить расстояние между линиями

длина:

Устанавливает фиксированное расстояние между линиями

%:

Устанавливает расстояние между строками в% от текущего размера шрифта

возьмите http://www.w3schools.com/css/pr_dim_line-height.asp

Ответ 2

Кажется, что line-height не нуждается в отдельном блоке.

Строка свойств может принимать единичные значения числа. Вы также можете дать единые значения линии высоты, хотя вообще вы не должны. Но без единого номера отлично подходят для этого свойство.

Ответ 3

Также обратите внимание: "1" не соответствует "нормальному" - 1 - это точно такая же высота, как размер шрифта, поэтому линии в многострочном элементе, такие как абзац, будут прижаты друг к другу, в то время как нормаль добавляет ожидаемое расстояние между линии.

Использование сокращенного шрифта:

font: font-style font-variant font-weight font-size/line-height font-family;

по умолчанию для строки-высоты используется нормальная, если она не указана. Например:

body{
    line-height:1; /* as seen in Eric Meyer reset css */
}
p{
    font:normal normal normal 14px "Times New Roman", Times, serif;
}

приведет к тому, что все абзацы имеют нормальную высоту линии, перекрывая 1 набор для тела, а

p{
    font:normal normal normal 14px/1 "Times New Roman", Times, serif;
}

сохранит высоту строки 1 (которая в этом примере будет 14px).

Ответ 4

Согласно w3schools и w3.org line-height: 1; и означает следующее: Устанавливает число, которое будет умножаться на текущий размер шрифта, чтобы установить расстояние между строками.

Ответ 5

Если устройство не поставляется, например. "line-height: 1.5" расстояние между линиями устанавливается как это число, умноженное на текущий размер шрифта.

1.5 x font-size

Ответ 6

Это кратное размеру шрифта. Из рекомендации кандидата 2.2 2.1: "Используемое значение свойства - это число, умноженное на размер шрифта элемента."