Как сделать отступы между строками в тексте средствами css?
Как сделать отступы именно между строками, а не словами?
.left_block__p
Отслеживать
задан 19 окт 2020 в 6:20
51 1 1 серебряный знак 8 8 бронзовых знаков
2 ответа 2
Сортировка: Сброс на вариант по умолчанию
.left_block__p
Отслеживать
ответ дан 19 окт 2020 в 6:26
Евгений Платов Евгений Платов
1,353 1 1 золотой знак 8 8 серебряных знаков 7 7 бронзовых знаков
спасибо большое, помогли
19 окт 2020 в 6:32
Свойство line-height устанавливает высоту строк и расстояние между ними
Отслеживать
ответ дан 19 окт 2020 в 6:26
2,018 9 9 серебряных знаков 28 28 бронзовых знаков
спасибо большое, помогли
19 окт 2020 в 6:32
- html
- css
-
Важное на Мете
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.11.15.1019
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Как изменить расстояние между строками текста?
Для управления межстрочным расстоянием (оно еще называется интерлиньяжем) применяется стилевое свойство line-height . В качестве значения обычно указывается число, которое определяет межстрочный интервал. Например, line-height : 2 устанавливает двойной интервал, а line-height : 1.5 — полуторный (пример 1).
Пример 1. Интерлиньяж в тексте
HTML5 CSS 2.1 IE Cr Op Sa Fx
Интерлиньяж p.dline < line-height: 1.5; >P Данный термин переводится как «печенье», но поскольку это название лишь сбивает с толку, его оставляют без перевода. Cookie можно использовать для сохранения даты последнего посещения читателя, паролей, а также любой информации о действиях посетителя на сайте. Подобное применение позволяет персонализировать сайт и сделать его более удобным для посетителей.
Результат данного примера показан на рис. 1.
Рис. 1. Вид текста при разном межстрочном расстоянии
Значение line-height допустимо задавать и в других единицах CSS, например, пикселах (px), процентах (%) и др. В данном примере для первого абзаца установлен полуторный интерлиньяж, а для второго — межстрочное расстояние равно 0.9em .
CSS по теме
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Популярные рецепты
Как добавить картинку на веб-страницу?
Как добавить иконку сайта в адресную строку браузера?
Как добавить фоновый рисунок на веб-страницу?
Как сделать обтекание картинки текстом?- Как растянуть фон на всю ширину окна?
- Как выровнять фотографию по центру веб-страницы?
Как разместить элементы списка горизонтально?
Как убрать подчеркивание у ссылок?
Как убрать маркеры в маркированном списке?
Как изменить расстояние между строками текста?
Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?- Как открыть ссылку в новом окне?
Межстрочный интервал в CSS
Давайте теперь научимся задавать межстрочный интервал тексту. Под межстрочным интервалом подразумевается расстояние между линиями текста, то есть белый промежуток между ними. Для этого предназначено свойство line-height , задающее высоту линии текста.
При использовании свойства line-height вас может ожидать некоторый подвох: это свойство не задает промежуток между строками текста, как могло бы показаться, а задает высоту линии текста.
Это значит, что реальный видимый промежуток между строками будет вычисляться так: line-height — font-size = видимое расстояние между строками текста.
В следующем примере расстояние между строками текста будет 50px — 20px = 30px :
Пусть размер шрифта для абзацев равен 30px . Установите свойство line-height так, чтобы видимый белый промежуток между абзацами был равен 15px .
Как изменить расстояние между строками с помощью CSS
CSS — это язык стилей, который позволяет задавать внешний вид элементов на веб-страницах. Также CSS позволяет управлять расстоянием между строками в тексте. Расстояние между строками в CSS называется интерлиньяжом (line-height) и является одним из важных аспектов в создании удобочитаемого дизайна веб-страниц.
Чтобы задать интерлиньяж, нужно для нужного элемента добавить следующий код:
selector
selector — это селектор для нужного элемента (например, h1 для заголовков первого уровня или p для абзацев).
value — это число или значение, задающее интерлиньяж.
Значение может быть в пикселях, процентах или других единицах измерения. Например, чтобы задать интерлиньяж 1.5 для абзацев, можно использовать следующий код:
Кроме того, можно задать интерлиньяж в отношении к размеру шрифта. Например, чтобы задать интерлиньяж 1,5 раза больше, чем размер шрифта, можно использовать следующий код:
Также можно задать интерлиньяж как общее значение для всей страницы, используя следующий код:
body
Этот код задаст одинаковый интерлиньяж для всех текстовых элементов на странице.
Пример кода для задания интерлиньяжа для заголовков и абзацев:
h1, h2, h3, h4, h5, h6 < line-height: 1.2; >p
В данном примере будут заданы разные значения интерлиньяжа для заголовков и абзацев, что позволит создать более читабельный и удобочитаемый текст на странице.