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

css,

29

Ответов: 6


29 ов

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

номер :

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

длина :

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

% :

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

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


8 ов

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

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


6

Также обратите внимание: «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).


4

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


2

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

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

CSS,
Похожие вопросы
Яндекс.Метрика