Оглавление

Изменение высоты строки (межстрочного интервала) в тексте

Одним из основных преимуществ использования CSS перед более старыми методами, основанными на применении тегов <font> и т. д., состоит в том, что оно дает разработчику больше возможностей управления
внешним видом текста на странице. В следующем примере мы попробуем изменить межстрочный интервал в тексте документа.

 

Решение
Если межстрочный интервал по умолчанию оказывается слишком маленьким, его можно изменить с помощью свойства line-height:

p {
font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height: 2.0;
}


Результат показан на рис. 2.17.
Проще простого! Единственное, на что стоит обратить внимание, – не стоит задавать слишком большие интервалы, иначе текст будет трудно читать.

 

Изменение межстрочного интервала с помощью свойства line-height

Рис. 2.17. Изменение межстрочного интервала с помощью свойства line-height

 

Совет
А как же единицы измерения? Как видите, в данном примере вместо единиц измерения мы использовали коэффициент 2.0. Вы можете задать значение line-height в стандартных единицах измерения CSS, например пикселах или em, однако при этом теряется связь между высотой строки и размером шрифта для дочерних элементов.
К примеру, если бы в предыдущем примере присутствовал элемент span с большим значением свойства font-size, величина межстрочного интервала изменялась бы пропорционально размеру шрифта, поскольку свойству line-height для абзаца задано числовое значение 2.0. Однако если бы данному свойству было присвоено значение 2em или 200%, элемент span унаследовал бы действительную, а не пропорциональную величину межстрочного интервала, на который не повлияет увеличенный размер шрифта. В определенных случаях это, конечно, может оказаться результатом, которого вы добиваетесь.
Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити