Что такое высота строки: 1?

Question

Речь идет о назначении line-height.

Я начал изучать css. line-height: часто встречаются примеры, назначающие 20px или единицу. Иногда это высота строки: есть 1 и вещь без единицы, но каково это значение?

Answer 1

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

число :

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

длина :

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

% :

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

взять с http://www.w3schools.com/css/pr_dim_line-height.asp

Answer 2

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

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

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

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

body{
    line-height:1; /* as seen in Eric Meyer's 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).

Answer 3

Кажется, что line-height не нуждается в единице (детальная статья) .

Свойство line-height может принимать Значения без единиц. Вы также можете дать объединенные значения высоты строки, хотя как правило, вы не должны. Но без единицы цифры просто хороши для этого свойство.

Answer 4

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

Answer 5

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

1,5 x размер шрифта

Answer 6

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