Межстрочный интервал в CSS
Давайте теперь научимся задавать межстрочный интервал тексту. Под межстрочным интервалом подразумевается расстояние между линиями текста, то есть белый промежуток между ними. Для этого предназначено свойство line-height , задающее высоту линии текста.
При использовании свойства line-height вас может ожидать некоторый подвох: это свойство не задает промежуток между строками текста, как могло бы показаться, а задает высоту линии текста.
Это значит, что реальный видимый промежуток между строками будет вычисляться так: line-height — font-size = видимое расстояние между строками текста.
В следующем примере расстояние между строками текста будет 50px — 20px = 30px :
Пусть размер шрифта для абзацев равен 30px . Установите свойство line-height так, чтобы видимый белый промежуток между абзацами был равен 15px .
Междустрочный интервал и отступ между абзацами
Для изменения интервала между абзацами можно использовать два описанных далее способа. При изменении междустрочного интервала определяется интервал по вертикали между строками, которые формируют абзац. При изменении отступа между абзацами определяется интервал (отбивка) между двумя каждыми последовательными абзацами. Второй способ позволяет избежать применения неэффективных методов форматирования (например, нажатия клавиши Enter для создания отбивки между абзацами).
Междустрочный интервал
Междустрочный интервал определяет расстояние от одной базовой линии текста (линии, на которой находится строка текста) до другой.
Главный элемент управления междустрочными интервалами находится на панели «Абзац» и контекстной панели инструментов. Рекомендуется использовать этот элемент, поскольку его можно применить к целому абзацу и таким образом обеспечить его единообразие. Параметр «Частота междустрочного интервала» можно использовать при наличии некоторого числа символов, с которыми нужно работать особым образом (например, символов, к которым применен нестандартный шрифт, размер которого на вид отличается от размеров других используемых в документе шрифтов).
Отступ между абзацами
Параметры отступа между абзацами позволяют точно определить величину смещения между каким-либо абзацем и предыдущим и следующим абзацами.
Чтобы отрегулировать междустрочный интервал текста, выполните перечисленные далее действия.
- Выполните одно из перечисленных далее действий.
- На контекстной панели инструментов выберите или введите значение параметра Междустрочный интервал абзаца .
- На панели Абзац выберите или введите значение параметра Междустрочный интервал абзаца в разделе Интервал .
Параметр Частота междустрочного интервала можно использовать при наличии некоторого числа символов, с которыми нужно работать особым образом (например, символов, к которым применены нестандартные шрифты, размеры которых на вид отличаются от размеров других используемых в документе шрифтов).
Чтобы отрегулировать отступ между абзацами, выполните перечисленные далее действия.
- На панели Абзац измените параметры Интервал перед абзацем и Интервал после абзаца в разделе Интервал . Кроме того, вы можете установить флажки Объединять пробелы перед и после и Игнорировать пробелы для одинаковых стилей , если интервалам в тексте нужно придать соответствующий вид.
Кроме того, для регулировки интервалов в пределах текстовой области, а не абзаца, можно использовать параметры выравнивания, находящиеся в подменю Выравнивание по вертикали меню Текст .
ТАКЖЕ СМ.:
- Панель «Абзац»
- Форматирование абзацев
Как сделать расстояние между текстом в html
Для создания расстояния между текстом в HTML можно использовать свойство CSS line-height . Оно устанавливает высоту строки текста и может быть задано в пикселях, процентах или других единицах измерения. Например, чтобы установить расстояние между строками в 1.5 раза больше, чем размер шрифта, можно использовать следующий код:
p font-size: 16px; /* размер шрифта */ line-height: 24px; /* высота строки (1.5 * 16px) */ > Также можно использовать отступы между абзацами с помощью свойства margin . Например, чтобы создать отступы между абзацами в 10 пикселей, можно использовать следующий код:
p margin-top: 10px; /* отступ сверху */ margin-bottom: 10px; /* отступ снизу */ > Кроме того, для создания более сложных макетов можно использовать другие свойства CSS, такие как padding , border , display и т.д.
Отступы между абзацами
Пишу содержимое на drupale. Вставляю вручную картинки. Почему то после картинок появляется тег
, который занимает место и добавляет отступ, этот тег виден если проинспектировать страницу, а в содержимом его нету. Подскажите, пожалуйста, как убрать этот глюк и как задать вручную на html’e отступы между абзацами?
Отслеживать
Sergey4590
задан 17 июл 2013 в 7:17
Sergey4590 Sergey4590
447 6 6 золотых знаков 17 17 серебряных знаков 39 39 бронзовых знаков
3 ответа 3
Сортировка: Сброс на вариант по умолчанию
Если посмотреть в код страницы, то можно заметить, что на разных сайтах код абзаца установлен по умолчанию разный. Так, у меня это не p , а br . То есть предлагаемый выше код p неверен!
Необходимо прописать br , причем на разных сайтах у меня значение «прокатывало» разное. То удалось прописать margin-top: 5px; margin-bottom: 5px; , то только margin: 10px; .