drupal — Отступы между абзацами

Вопрос задан

Изменён 1 год 8 месяцев назад

Просмотрен 4k раз

Пишу содержимое на drupale. Вставляю вручную картинки. Почему то после картинок появляется тег <br>, который занимает место и добавляет отступ, этот тег виден если проинспектировать страницу, а в содержимом его нету. Подскажите, пожалуйста, как убрать этот глюк и как задать вручную на html’e отступы между абзацами?

  • drupal
  • html
  • css

Получилось!

Если посмотреть в код страницы, то можно заметить, что на разных сайтах код абзаца установлен по умолчанию разный. Так, у меня это не p, а br. То есть предлагаемый выше код p {margin-bottom: 10px;}

неверен!

Необходимо прописать br {margin-bottom: 10px;}, причем на разных сайтах у меня значение «прокатывало» разное. То удалось прописать margin-top: 5px; margin-bottom: 5px;, то только margin: 10px;.

Также имело значение, в каком именно файле присутствует этот самый код, даже если кажется, что нашелся единственно верный вариант. Если не работает, то надо искать другие варианты. Теперь во всех статьях имеются удобные для чтения отступы между абзацами — http://ob-eco.ru/5-oficialnye-stranicy-petra-poroshenko-v-populyarnyh-socialnyh-setyah.html

p {
  text-indent: 1.2em;
}

Следует учитывать, на разные экраны человек смотрит с различного расстояния, и 1 сантиметр на мониторе компьютера и на смартфоне воспринимается по-разному. Например, когда установленный шрифт 2in, то 1em означает 2in. Также допустимо указывать процент, когда величина отступа рассчитывается в % от ширины блока текста.

Все нюансы описаны здесь

p {margin-bottom: 10px;}

4

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Форматирование абзацев в Illustrator

Руководство пользователя Отмена

Поиск

  1. Руководство пользователя Illustrator
  2. Основы работы с Illustrator
    1. Введение в Illustrator
      1. Новые возможности в приложении Illustrator
      2. Часто задаваемые вопросы
      3. Системные требования Illustrator
      4. Illustrator для Apple Silicon
    2. Рабочая среда
      1. Основные сведения о рабочей среде
      2. Ускоренное обучение благодаря панели «Обзор» в Illustrator
      3. Создание документов
      4. Панель инструментов
      5. Комбинации клавиш по умолчанию
      6. Настройка комбинаций клавиш
      7. Общие сведения о монтажных областях
      8. Управление монтажными областями
      9. Настройка рабочей среды
      10. Панель свойств
      11. Установка параметров
      12. Рабочая среда «Сенсорное управление»
      13. Поддержка Microsoft Surface Dial в Illustrator
      14. Отмена изменений и управление историей дизайна
      15. Повернуть вид
      16. Линейки, сетки и направляющие
      17. Специальные возможности в Illustrator
      18. Безопасный режим
      19. Просмотр графических объектов
      20. Работа в Illustrator с использованием Touch Bar
      21. Файлы и шаблоны
    3. Инструменты в Illustrator
      1. Краткий обзор инструментов
      2. Выбор инструментов
        1. Выделение
        2. Частичное выделение
        3. Групповое выделение
        4. Волшебная палочка
        5. Лассо
        6. Монтажная область
      3. Инструменты для навигации
        1. Рука
        2. Повернуть вид
        3. Масштаб
      4. Инструменты рисования
        1. Градиент
        2. Сетка
        3. Создание фигур
      5. Текстовые инструменты
        1. Текст
        2. Текст по контуру
        3. Текст по вертикали
      6. Инструменты рисования
        1. Перо
        2. Добавить опорную точку
        3. Удалить опорные точки
        4. Опорная точка
        5. Кривизна
        6. Отрезок линии
        7. Прямоугольник
        8. Прямоугольник со скругленными углами
        9. Эллипс
        10. Многоугольник
        11. Звезда
        12. Кисть
        13. Кисть-клякса
        14. Карандаш
        15. Формирователь
        16. Фрагмент
      7. Инструменты модификации
        1. Поворот
        2. Отражение
        3. Масштаб
        4. Искривление
        5. Ширина
        6. Свободное трансформирование
        7. Пипетка
        8. Смешать
        9. Ластик
        10. Ножницы
    4. Быстрые действия
      1. Ретротекст
      2. Светящийся неоновый текст
      3. Старомодный текст
      4. Перекрашивание
      5. Преобразование эскиза в векторный формат
  3. Illustrator на iPad
    1. Представляем Illustrator на iPad
      1. Обзор по Illustrator на iPad.
      2. Ответы на часто задаваемые вопросы по Illustrator на iPad
      3. Системные требования | Illustrator на iPad
      4. Что можно и нельзя делать в Illustrator на iPad
    2. Рабочая среда
      1. Рабочая среда Illustrator на iPad
      2. Сенсорные ярлыки и жесты
      3. Комбинации клавиш для Illustrator на iPad
      4. Управление настройками приложения
    3. Документы
      1. Работа с документами в Illustrator на iPad
      2. Импорт документов Photoshop и Fresco
    4. Выбор и упорядочение объектов
      1. Создание повторяющихся объектов
      2. Объекты с переходами
    5. Рисование
      1. Создание и изменение контуров
      2. Рисование и редактирование фигур
    6. Текст
      1. Работа с текстом и шрифтами
      2. Создание текстовых надписей по контуру
      3. Добавление собственных шрифтов
    7. Работа с изображениями
      1. Векторизация растровых изображений
    8. Цвет
      1. Применение цветов и градиентов
  4. Облачные документы
    1. Основы работы
      1. Работа с облачными документами Illustrator
      2. Общий доступ к облачным документам Illustrator и совместная работа над ними
      3. Публикация документов для проверки
      4. Обновление облачного хранилища для Adobe Illustrator
      5. Облачные документы в Illustrator | Часто задаваемые вопросы
    2. Устранение неполадок
      1. Устранение неполадок с созданием или сохранением облачных документов в Illustrator
      2. Устранение неполадок с облачными документами в Illustrator
  5. Добавление и редактирование содержимого
    1. Рисование
      1. Основы рисования
      2. Редактирование контуров
      3. Рисование графического объекта с точностью на уровне пикселов
      4. Рисование с помощью инструментов «Перо», «Кривизна» и «Карандаш»
      5. Рисование простых линий и фигур
      6. Трассировка изображения
      7. Упрощение контура
      8. Определение сеток перспективы
      9. Инструменты для работы с символами и наборы символов
      10. Корректировка сегментов контура
      11. Создание цветка в пять простых шагов
      12. Рисование перспективы
      13. Символы
      14. Рисование контуров, выровненных по пикселам, при создании проектов для Интернета
    2. 3D-объекты и материалы
      1. Подробнее о 3D-эффектах в Illustrator
      2. Создание трехмерной графики
      3. Проецирование рисунка на трехмерные объекты
      4. Создание трехмерного текста
      5. Создание трехмерных объектов
    3. Цвет
      1. О цвете
      2. Выбор цветов
      3. Использование и создание цветовых образцов
      4. Коррекция цвета
      5. Панель «Темы Adobe Color»
      6. Цветовые группы (гармонии)
      7. Панель «Темы Color»
      8. Перекрашивание графического объекта
    4. Раскрашивание
      1. О раскрашивании
      2. Раскрашивание с помощью заливок и обводок
      3. Группы с быстрой заливкой
      4. Градиенты
      5. Кисти
      6. Прозрачность и режимы наложения
      7. Применение обводок к объектам
      8. Создание и редактирование узоров
      9. Сетки
      10. Узоры
    5. Выбор и упорядочение объектов
      1. Выделение объектов
      2. Слои
      3. Группировка и разбор объектов
      4. Перемещение, выравнивание и распределение объектов
      5. Размещение объектов    
      6. Блокировка, скрытие и удаление объектов
      7. Копирование и дублирование объектов
      8. Поворот и отражение объектов
      9. Переплетение объектов
    6. Перерисовка объектов
      1. Кадрирование изображений
      2. Трансформирование объектов
      3. Объединение объектов
      4. Вырезание, разделение и обрезка объектов
      5. Марионеточная деформация
      6. Масштабирование, наклон и искажение объектов
      7. Объекты с переходами
      8. Перерисовка с помощью оболочек
      9. Перерисовка объектов с эффектами
      10. Создание фигур с помощью инструментов «Мастер фигур» и «Создание фигур»
      11. Работа с динамическими углами
      12. Улучшенные процессы перерисовки с поддержкой сенсорного ввода
      13. Редактирование обтравочных масок
      14. Динамические фигуры
      15. Создание фигур с помощью инструмента «Создание фигур»
      16. Глобальное изменение
    7. Текст
      1. Дополнение текстовых и рабочих объектов типами объектов
      2. Создание маркированного и нумерованного списков
      3. Управление текстовой областью
      4. Шрифты и оформление
      5. Определение и использование шрифтов из изображений и обведенного текста
      6. Форматирование текста
      7. Импорт и экспорт текста
      8. Форматирование абзацев
      9. Специальные символы
      10. Создание текста по контуру
      11. Стили символов и абзацев
      12. Табуляция
      13. Поиск отсутствующих шрифтов (технологический процесс Typekit)
      14. Шрифт для арабского языка и иврита
      15. Шрифты | Часто задаваемые вопросы и советы по устранению проблем
      16. Создание эффекта 3D-текста
      17. Творческий подход к оформлению
      18. Масштабирование и поворот текста
      19. Интерлиньяж и межбуквенные интервалы
      20. Расстановка переносов и переходы на новую строку
      21. Проверка орфографии и языковые словари
      22. Форматирование азиатских символов
      23. Компоновщики для азиатской письменности
      24. Создание текстовых проектов с переходами между объектами
      25. Создание текстового плаката с помощью трассировки изображения
    8. Создание специальных эффектов
      1. Работа с эффектами
      2. Стили графики
      3. Атрибуты оформления
      4. Создание эскизов и мозаики
      5. Тени, свечения и растушевка
      6. Обзор эффектов
    9. Веб-графика
      1. Лучшие методы создания веб-графики
      2. Диаграммы
      3. SVG
      4. Фрагменты и карты изображений
  6. Импорт, экспорт и сохранение
    1. Импорт
      1. Помещение нескольких файлов в документ
      2. Управление связанными и встроенными файлами
      3. Сведения о связях
      4. Извлечение изображений
      5. Импорт графического объекта из Photoshop
      6. Импорт растровых изображений
      7. Импорт файлов Adobe PDF
      8. Импорт файлов EPS, DCS и AutoCAD
    2. Библиотеки Creative Cloud Libraries в Illustrator 
      1. Библиотеки Creative Cloud Libraries в Illustrator
    3. Диалоговое окно «Сохранить»
      1. Сохранение иллюстраций
    4. Экспорт
      1. Использование графического объекта Illustrator в Photoshop
      2. Экспорт иллюстрации
      3. Сбор ресурсов и их массовый экспорт
      4. Упаковка файлов
      5. Создание файлов Adobe PDF
      6. Извлечение CSS | Illustrator CC
      7. Параметры Adobe PDF
      8. Палитра «Информация о документе»
  7. Печать
    1. Подготовка к печати
      1. Настройка документов для печати
      2. Изменение размера и ориентации страницы
      3. Задание меток обреза для обрезки и выравнивания
      4. Начало работы с большим холстом
    2. Печать
      1. Наложение
      2. Печать с управлением цветами
      3. Печать PostScript
      4. Стили печати
      5. Метки и выпуск за обрез
      6. Печать и сохранение прозрачных графических объектов
      7. Треппинг
      8. Печать цветоделенных форм
      9. Печать градиентов, сеток и наложения цветов
      10. Наложение белого
  8. Автоматизация задач
    1. Объединение данных с помощью панели «Переменные»
    2. Автоматизация с использованием сценариев
    3. Автоматизация с использованием операций
  9. Устранение неполадок 
    1. Проблемы с аварийным завершением работы
    2. Восстановление файлов после сбоя
    3. Проблемы с файлами
    4. Поддерживаемые форматы файлов
    5. Проблемы с драйвером ГП
    6. Проблемы устройств Wacom
    7. Проблемы с файлами DLL
    8. Проблемы с памятью
    9. Проблемы с файлом настроек
    10. Проблемы со шрифтами
    11. Проблемы с принтером
    12. Как поделиться отчетом о сбое с Adobe
    13. Повышение производительности Illustrator

Обзор палитры «Абзац»

Палитра «Абзац» («Окно» > «Текст» > «Абзац») используется для изменения форматирования колонок и абзацев. Если выделен текст или активен инструмент «Текст», для форматирования абзацев также можно использовать параметры на панели «Управление».

Видеоролик с инструкциями по работе со стилями символов и абзацев см. по адресу www.adobe.com/go/vid0047.

Палитра «Абзац» (показаны все параметры)

A. Выравнивание и выключка B. Отступ слева C. Отступ слева для первой строки D. Отбивка перед абзацем E. Расстановка переносов F. Отступ справа G. Отбивка после абзаца  

A. Шрифт B. Стиль шрифта C. Размер шрифта D. Выравнивание по левому краю E. Выравнивание по центру F. Выравнивание по правому краю 

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

Выравнивание текста

Текст в области и текст по контуру можно выровнять по одному или обоим краям контура текста.

  1. Выделите текстовый объект или установите курсор на абзаце, который нужно изменить.

    Если текстовый объект не выделен или курсор не установлен на абзаце, выравнивание будет применено к новому тексту.

  2. На панели «Управление» или палитре «Абзац» нажмите кнопку выравнивания.

Выключка текста

Выключка — это выравнивание текста по обоим краям. Выключку можно применить ко всему тексту в абзаце, включая или исключая последнюю строку.

  1. Выделите текстовый объект или установите курсор на абзаце для выключки.

    Если текстовый объект не выделен или курсор не установлен на абзаце, выключка будет применена к новому тексту.

  2. В палитре «Абзац» нажмите кнопку выключки.

Настройка межсловного и межбуквенного интервала в выровненном тексте

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

  1. Поместите курсор в тот абзац, который нужно изменить, либо выделите текстовый объект или фрейм, в котором нужно изменить все абзацы.

  2. Выберите пункт «Выключка» в меню палитры «Абзац».

  3. Задайте значения параметров «Межсловные интервалы», «Межбуквенные интервалы» и «Масштаб глифов». Значения «Минимум» и «Максимум» определяют допустимый диапазон интервалов только для абзацев с выключкой. Значение параметра «Желаемые» определяется как для абзацев с выключкой, так и для абзацев без выключки.

    Межсловные интервалы

    Интервал между словами, появляющийся при нажатии клавиши «Пробел». Значения параметра «Межсловный интервал» могут меняться в диапазоне от 0 % до 1000 %. При значении 100% дополнительный интервал между словами не добавляется.

    Межбуквенные интервалы

    Расстояние между буквами, включая значения кернинга и трекинга. Значения параметра «Межбуквенные интервалы» могут меняться в диапазоне от -100 % до 500 %. При значении 0 % дополнительный интервал между буквами не добавляется, при 100 % добавляется интервал шириной, равной обычному пробелу.

    Масштаб глифов

    Ширина символов (глиф — это любой символ шрифта). Значения межглифовых интервалов могут изменяться в диапазоне от 50 % до 200 %.

    Совет. Параметры интервалов всегда применяются ко всему абзацу. Чтобы настроить интервалы для нескольких символов, а не для всего абзаца, воспользуйтесь параметром «Трекинг».

  4. Установите параметр «Выключка отдельных слов» (Illustrator) или «Выключка одиночных слов» (InDesign), чтобы указать, как выравнивать однословные абзацы.

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

Отступы текста

Отступ — это пространство между текстом и границей текстового объекта. Отступы действуют только для выделенных абзацев, поэтому для разных абзацев легко можно задать разные отступы.

Отступы можно задавать с помощью палитр «Табуляция», «Абзац» и панели «Управление». При работе с текстом также можно вводить отступы с помощью табуляторов или изменения отступов для текстового объекта.

Примечание.

Работая с текстом на японском, для установки отступа первой строки вместо палитры «Абзац» можно использовать параметр «модзикуми». Если отступ первой строки задан в палитре «Абзац» и для отступа первой строки задан параметр «модзикуми», общий отступ составляет сумму двух значений.

Установка отступов в палитре «Абзац»

  1. Выберите инструмент «Текст»  и щелкните абзац, для которого нужно установить отступ.

  2. Задайте значения отступов в палитре «Абзац». Например, выполните одно из следующих действий:

    • Чтобы задать отступ размером в 1 пику для всего абзаца, введите значение 1p в поле «Отступ слева» .

    • Чтобы задать отступ размером в 1 пику только для первой строки абзаца, введите значение 1p в поле «Отступ слева для первой строки» .

    • Чтобы создать висячий отступ в 1 пику, введите положительное значение (например, 1p) в поле «Отступ слева» и отрицательное (например, 1p) в поле «Отступ слева для первой строки».

Установка отступа с помощью палитры «Табуляция»

  1. Выберите инструмент «Текст»  и щелкните абзац, для которого нужно установить отступ.

  2. В палитре «Табуляция» выполните одно из следующих действий с маркерами отступа :

    • Чтобы сделать отступ для первой строки текста, перетащите верхний маркер. Чтобы сделать отступ для всего текста, кроме первой строки, перетащите нижний маркер. Чтобы переместить оба маркера и установить отступ для всего абзаца, перетащите нижний маркер с нажатой клавишей «Ctrl» (в Windows) или «Command» (в Mac OS).

    Текст с отступом для первой строки абзаца (слева) и без него (справа)

    • Чтобы создать отступ для первой строки текста, выберите верхний маркер и введите значение отступа по оси Х. Чтобы переместить весь абзац, кроме первой строки, выберите нижний маркер и введите значение в поле Х.

Создание висячего отступа

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

Текст без отступа (слева) и с висячим отступом (справа)
  1. Выберите инструмент «Текст»  и щелкните абзац, для которого нужно установить отступ.

  2. На панели «Управление» или палитре «Табуляция» задайте положительное значение отступа слева.

  3. Чтобы задать отрицательное значение отступа для первой строки абзаца, выполните одно из следующих действий:

Настройка интервалов между абзацами

  1. Установите курсор в абзаце, который нужно изменить, или выделите текстовый объект для изменения всех его абзацев. Если курсор не установлен в абзаце и не выделен текстовый объект, настройка будет применена к новому тексту.

  2. В палитре «Абзац» задайте значения в полях «Отбивка перед абзацем» ( или ) и «Отбивка после абзаца» ( или ).

    Примечание.

    В первом абзаце колонки дополнительная отбивка перед абзацем не добавляется. В этом случае можно увеличить интерлиньяж первой строки абзаца или изменить отступ для текстового объекта.

Висячая пунктуация

Висячая пунктуация делает края текста более ровными за счет переноса символов пунктуации за поля абзаца.

Абзац без висячей пунктуации (слева) и абзац с висячей пунктуацией (справа)

Для висячей пунктуации в Illustrator есть следующие параметры.

Висячая пунктуация

Управляет выравниванием символов пунктуации для выделенного абзаца. Если «Висячая пунктуация» включена, следующие символы на 100 % находятся за полями: одинарные кавычки, двойные кавычки, дефисы, точки и запятые; следующие символы на 50 % находятся за полями: звездочки, тильды, многоточия, короткие и длинные тире, двоеточия, точки с запятой. Чтобы применить этот параметр, установите курсор в абзаце и выберите команду «Висячая пунктуация» в меню палитры «Абзац».

Визуальное выравнивание полей

Управляет выравниванием символов пунктуации для всех абзацев в текстовом объекте. Если «Визуальное выравнивание полей» включено, латинские символы пунктуации, а также края букв (например, W и А) выступают за поля текста, чтобы текст выглядел ровно. Для применения этого параметра выделите текстовый объект и выберите команду «Текст» > «Визуальное выравнивание полей».

Бурасагари

Управляет выравниванием двухбайтных символов пунктуации (в китайских, японских и корейских шрифтах). На эти символы пунктуации не влияют параметры «Висячая пунктуация» и «Визуальное выравнивание полей».

Помните, что размер полей, за которые выступает висячая пунктуация, определяется выравниванием абзаца. Для абзацев с выравниванием по левому и правому краю символы пунктуации «висят» слева и справа, соответственно. Для абзацев с выравниванием по верхней и нижней границе знаки пунктуации «висят» сверху и снизу соответственно. Для абзацев с выравниванием по центру и выключкой символы пунктуации «висят» с обеих сторон.

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

Связанные материалы

  • Клавиши для работы с текстом
  • Изменение поля вокруг текстовой области
  • Установка интерлиньяжа
  • Указание параметра «бурасагари»

Вход в учетную запись

Войти

Управление учетной записью

Изменение интервалов между абзацами и внутри абзацев

html

4 месяца назад

Надя Бано

HTML — это язык разметки, который предлагает множество элементов, создающих структуру веб-сайта. CSS поддерживает HTML таким образом, что он обеспечивает различные свойства стиля и положения для элементов HTML. В частности, элемент HTML «

» определяет абзац в документе. Абзацы можно настроить с помощью свойств CSS, таких как « margin », « line-height », « word-spacing » и многие другие.

В этой статье вы узнаете:

  • Как изменить расстояние между абзацами в CSS?
  • Как изменить интервал внутри абзацев в CSS?

Условие: Создайте HTML-файл

HTML-страницу можно создать, следуя инструкциям:

  • Добавьте два элемента «

    » в HTML-файл.

  • Назначьте идентификаторы как « para1 » и « para2 » соответственно.
  • Укажите содержимое абзаца в них, как указано ниже:

Успешные люди просто прилагают много усилий и достигают цели; у них нет природного таланта.

Успешные люди просто прилагают много усилий и достигают цели; у них нет природного таланта.

Успешные люди просто прилагают много усилий и достигают цели; у них нет природного таланта.

Успешные люди просто прилагают много усилий и достигают цели; у них нет природного таланта.

Вывод

Как изменить расстояние между абзацами в CSS?

Свойство « margin » может добавлять пробелы между абзацами. Более того, использование свойства « margin-bottom » в этом случае будет хорошим выбором.

Давайте добавим свойство границы, чтобы сделать видимым пространство на полях.

Стиль «para1» Класс .para1 {

граница: 1 пиксель сплошной серый;

нижняя граница: 70px;

}

« .para1 » используется для доступа к элементу

с идентификатором « para1 » и применения следующих свойств:

  • свойство « border » применяется со значением из Ширина границы, стиль и цвет задают границу вокруг абзаца.
  • « margin-bottom » добавляет пробел внизу абзаца.

Стиль «para2» Класс .para2 {

граница: 1 пиксель сплошной серый;

}

Элемент «

» с идентификатором « para2 » также применяется с границей с использованием свойства CSS « border ».

Можно заметить, что пробелы были успешно добавлены между абзацами:

Как изменить интервал внутри абзацев в CSS?

УСБ «9Свойство 0007 line-height ” используется для добавления пробелов между строками абзаца.

Для этого добавьте свойство line-height к элементу «

» с идентификатором « para1 »:

line-height: 2;

Вывод

Все дело в изменении пробелов между абзацами.

Заключение

Чтобы изменить пробелы между абзацами, сначала добавьте абзацы в HTML-файл, используя «

”элемент. Затем свойство CSS « margin-bottom » используется для добавления пространства между абзацами. Свойство CSS « line-height » добавляет пробелы внутри абзацев. В этом посте подробно описана процедура изменения интервала между абзацами и внутри абзацев.

Об авторе

Надя Бано

Я увлеченный и дальновидный инженер-программист, стремящийся исследовать глобальную индустрию программного обеспечения. Я люблю писать статьи о продвинутом дизайне, программировании и тестировании.

Посмотреть все сообщения

html — Как интерпретировать пространство между абзацами в CSS?

Задавать вопрос

спросил

Изменено 3 года, 9 месяцев назад

Просмотрено 150 раз

Я пытаюсь добиться следующего:

Допустим, у меня есть сообщение в блоге, написанное на базовом HTML. У меня проблема с расстоянием между абзацами. Допустим, я не хочу добавлять тег

для каждого абзаца, поэтому мне нужен только один, который будет отображать следующее:

 

Это мой абзац.

Это мой второй абзац.

По сути, я хочу добавлять дополнительную пустую строку каждый раз, когда пользователь убирает абзац. Я хочу это в CSS, без использования двух

тег для каждого абзаца выше.

Как мне это сделать?

  • html
  • css
  • пробел
  • абзац
4

Есть несколько вариантов, которые вы можете попробовать. проверить фрагмент.

 п пролет {
  отступы сверху: 20px;
  дисплей: блок;
} 
 Это мой абзац. 

 Это мой второй абзац.
попробуйте это
 <р> Это мой абзац.
 <р> Это мой второй абзац.
Или попробуйте это
 <р> Это мой абзац.
No related posts.