Вопрос по css – Что такое высота строки: 1?

29

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

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

Ваш Ответ

6   ответов
31

number :

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

length :

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

% :

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

принять отhttp://www.w3schools.com/css/pr_dim_line-height.asp

Error: User Rate Limit Exceededwithout a unitError: User Rate Limit Exceededline-height value multiplied by the element’s font-sizeError: User Rate Limit Exceededline-height property.
4

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

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
8

line-height doesn't need a unit (detailled article).

The property line-height can accept unitless number values. You can also give line-height united values, though generally you shouldn’t. But unitless numbers are just fine for this property.

Error: User Rate Limit Exceeded
7

& Quot; 1 & Quot; не равно "нормальному" - 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).

2

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

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

1

& # xBB; используемое значение свойства - это число, умноженное на размер шрифта элемента. & # XAB;

Похожие вопросы