Как уменьшить расстояние между строками в HTML
Использование HTML позволяет легко создавать основные веб-страницы и управлять различными атрибутами этих страниц, включая шрифт, размер текста, цвет и межстрочный интервал. Уменьшение интервала между строками может быть полезно, если вам нужно сжать веб-страницу или уменьшить пустое пространство по эстетическим соображениям. К счастью, для уменьшения интервала между строками достаточно сделать несколько быстрых вставок в HTML-файл страницы.
Шаг 1
Определите раздел вашего HTML-документа, соответствующий той части веб-страницы, для которой вы хотите уменьшить интервал между строками.
Шаг 2
Заключите этот раздел документа в "
" Тег. Тег "", также известный как тег разделения, отмечает раздел HTML, к которому вы хотите применить определенный стиль. Вставьте "" в начале раздела и "" в конце раздела .
Шаг 3
Вставьте "style=" в первый "
" следующим образом:
Шаг 4
Поместите текст "line-height:" в кавычки после оператора стиля следующим образом:
. Не забудьте поставить двоеточие после текста. Атрибут «высота строки» сигнализирует браузеру, что он должен изменить интервал между строками для части страницы, заключенной в теги разделения.
Шаг 5
Вставьте число, за которым следует знак процента, после двоеточия после атрибута "line-height", как показано ниже:
. Число, которое вы вставляете, представляет собой желаемый межстрочный интервал, выраженный в процентах от текущего межстрочного интервала страницы. Например, если вы вставите 50, интервал между строками будет равен половине текущего интервала, а если вы вставите 200, интервал будет удвоен по сравнению с текущим интервалом. Вставьте любое число меньше 100, чтобы уменьшить расстояние между строками в разделе, ограниченном тегами разделения.
Шаг 6
Сохраните HTML-документ и протестируйте его, открыв в веб-браузере, чтобы увидеть, как он будет выглядеть для читателей, получающих к нему доступ через Интернет.