Вопрос о назначении линии-высоты.Что такое линия-высота: 1?
Я начал изучать css. line-height: часто встречаются примеры назначения 20px или единицы. Это иногда линия-высота: Есть 1 и вещь без единицы, но какой смысл это становится?
Возможные значения
номер:
Устанавливает число, которое будет умножено с текущим размером шрифта, чтобы установить расстояние между линиями
длиной :
Устанавливает фиксированное расстояние между линиями
%:
Устанавливает расстояние между линиями в% от текущего размера шрифта
взять из http://www.w3schools.com/css/pr_dim_line-height.asp
не следует за действиями w3schools, см. Http://www.w3fools.com/ –
Если установить line-height ** без единицы **, результатом является значение ** line-height, умноженное на размер шрифта элемента **. Свойство line-height может принимать безразмерные значения. Это хорошая статья, подробно описывающая свойство [line-height] (https://kolosek.com/css-line-height/). –
Кажется, что line-height doesn't need a unit (detailled article).
Свойство line-height может принимать без единичных значений. Вы также можете указать , если вы хотите объединить значения линии, хотя обычно не следует. Но бездетные номера просто отлично подходят для этого .
Хорошая статья! +1 – Blixt
Спасибо! Это действительно объясняет это - и много запутанной странности с моими сайтами! Ура! –
Если устройство не поставляется, например. "line-height: 1.5" расстояние между линиями устанавливается как это число, умноженное на текущий размер шрифта.
1,5 х размер шрифта
В соответствии с w3schools и w3.org высота линии: 1; и означает следующее: Устанавливает число, которое будет умножаться на текущий размер шрифта, чтобы установить расстояние между линиями.
такой же, как линия-высота: 1м; ? – typeoneerror
Фактически, да. – mahalie
Это кратное размеру шрифта. Из рекомендации CSS 2.1: «Используемое значение свойства - это число, умноженное на размер шрифта элемента». «
Также примечание: « 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).
https://developer.mozilla.org/en/docs/Web/CSS/line-height#Values –