Вопрос по css – Что такое высота строки: 1?
Речь идет о назначении line-height.
Я начал изучать css. line-height: часто встречаются примеры, назначающие 20px или единицу. Иногда это высота строки: есть 1 и вещь без единицы, но каково это значение?
number :
Устанавливает число, которое будет умножено на текущий размер шрифта, чтобы установить расстояние между линиями
length :
Устанавливает фиксированное расстояние между линиями
% :
Устанавливает расстояние между строками в% от текущего размера шрифта
принять отhttp://www.w3schools.com/css/pr_dim_line-height.asp
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.
& 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).