Как изменить расстояние между строками в html

Справочник по CSS (ЦСС) и ШТМЛ

Для управления межстрочным расстоянием (оно еще имеется ввиду интерлиньяжем) применяется стилевой параметр line-height . В качестве значения обычно указывается число, которое определяет межстрочный интервал. Например, line-height: 2 устанавливает двойной интервал, а line-height: 1.5 ? полуторный.

Валидный HTML
Валидный CSS

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<title>Интерлиньяж</title>
<style type="text/CSS (ЦСС)">
P.dline <
line-height: 1.5;
>
P <
line-height: 0.9em;
>
</style>
</head>
<body>
<p сайты сохраняют техническую информацию на локальном компьютере посетителя в виде небольших контентовых файлов, которые называются сookie.</p>
<p>Данный термин переводится как &bdquo;печенье&ldquo;, но поскольку это название лишь сбивает с толку, его оставляют без перевода. Cookie можно использовать для сохранения даты последнего посещения читателя, паролей, а также любой информации о действиях посетителя на сайте. Подобное применение позволяет персонализировать сайт и сделать его более удобным для посетителей.</p>
</body>
</html>

Результат данного примера показан на рис. 1.

Рис. 1. Вид контента при разном межстрочном расстоянии

Аргумент параметра line-height допустимо задавать и в других единицах CSS (ЦСС), например, пикселах (px), процентах (%) и др. В данном примере для первого абзаца установлен полуторный интерлиньяж, а для второго ? межстрочное расстояние равно 0.9em, что можно трактовать как 0.9 или 90%, поскольку единица em соответствует высоте текущего шрифта.

Как изменить расстояние между строками

Расстояния между строками можно изменить только для всего абзаца (или нескольких выделенных абзацев). Невозможно увеличивать или уменьшать его лишь для выделенных строк. В этом отношении абзац выступает неделимым единством, которое редактируется как один объект.

Наиболее часто используется такой тип межстрочного интервала (т.е. расстояния между строками), как одинарный, полуторный и двойной. Для установки каждого из них имеется удобная комбинация клавиш.

  • Чтобы установить расстояние между строками в один интервал, нажмите <Ctrl+l> (в одном абзаце или в нескольких предварительно выделенных).
  • Нажмите <Ctrl+5>, и вы получите полуторный интервал между строками.
  • С помощью <Ctrl+2> вы установите между строками двойной интервал.

Межстрочный интервал, как правило, увеличивают исходя из нескольких причин (например, для того, чтобы оставить место для редактирования текста на бумаге). В частности, двойной интервал просто необходим старательным редакторам, которым мало обычных полей, и они вписывают свои комментарии прямо между строк.

Расстояние между строками в Word

Наверное, Вы обращали внимание, что некоторые тексты неудобно читать. Вроде бы и размер букв подходящий, и шрифт, но что-то не то — абзацы как будто сжаты, и читать крайне некомфортно. Такое встречается в некоторых журналах, газетах, книгах. Вот за это самое удобство или неудобство отвечает расстояние между строками. Правильное его название — междустрочный интервал .

Пример небольшого интервала:

А вот — увеличенный:

Как выбрать

Чтобы назначить междустрочный интервал для текста, который только будет напечатан, нужно щелкнуть правой кнопкой мышки по листу (по белой части). Появится список, из которого нужно выбрать пункт «Абзац».

Откроется новое окошко. В нем нас интересует только нижняя правая часть под названием «Междустрочный». Сразу после этой надписи есть поле, где показано, какое расстояние установлено на данный момент. В примере на картинке выбрано значение «Одинарный».

Если вы нажмете на маленькую кнопку в конце этого поля, откроется список с различными вариантами: «Одинарный», «Полуторный», «Двойной», «Точно» и так далее.

Укажите нужное значение и нажмите на кнопку «ОК» внизу окошка. Теперь предложения будут печататься с выбранным промежутком.

Наиболее удобно читать текст с полуторным интервалом. Правда, за счет расширения строк он будет занимать больше места на странице.

Как изменить

Если текст уже напечатан, а расстояние между строками не устраивает, его легко можно изменить. Но для начала нужно выделить абзацы.

Чтобы это сделать, наведите курсор (стрелку или палочку) в самое начало или в самый конец. Затем нажмите левую кнопку мыши и, не отпуская ее, тяните в другой конец. Предложения закрасятся каким-то цветом (обычно серым или синим).

Теперь осталось изменить интервал. Нажмите правой кнопкой по выделенной (закрашенной) части. Появится список, из которого выберите пункт «Абзац».

Откроется окошко, где можно изменить значение.

Кстати, обратите внимание на пункт «Перед» и «После» внизу окошка. Зачастую в одном из этих полей указано какое-то значение (обычно 10). Если хотите, чтобы интервал соответствовал тому, который вы выбрали, напечатайте 0.

Полезные советы по CSS и HTML

Для управления межстрочным расстоянием (оно еще называется интерлиньяжем) применяется стилевой параметр line-height . В качестве значения обычно указывается число, которое определяет межстрочный интервал. Например, line-height: 2 устанавливает двойной интервал, а line-height: 1.5 — полуторный.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<title>Интерлиньяж</title>
<style type="text/css">
P.dline <
line-height: 1.5;
>
P <
line-height: 0.9em;
>
</style>
</head>
<body>
<p сайты сохраняют техническую информацию на локальном компьютере посетителя в виде небольших текстовых файлов, которые называются сookie.</p>
<p>Данный термин переводится как &bdquo;печенье&ldquo;, но поскольку это название лишь сбивает с толку, его оставляют без перевода. Cookie можно использовать для сохранения даты последнего посещения читателя, паролей, а также любой информации о действиях посетителя на сайте. Подобное применение позволяет персонализировать сайт и сделать его более удобным для посетителей.</p>
</body>
</html>

Результат данного примера показан на рис. 1.

Рис. 1. Вид текста при разном межстрочном расстоянии

Аргумент параметра line-height допустимо задавать и в других единицах CSS, например, пикселах (px), процентах (%) и др. В данном примере для первого абзаца установлен полуторный интерлиньяж, а для второго — межстрочное расстояние равно 0.9em, что можно трактовать как 0.9 или 90%, поскольку единица em соответствует высоте текущего шрифта.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *