Поддержка Проблемы и решения Нет разрыва строки с тэгами ?

  • В текстовом визуальном редакторе редактирую текст:
    после абзаца два раза щелкаю Enter|Return, визуально отображается две пустых строки.
    В коде это выглядит так:

    <div></div>
    <div></div>

    В браузерах отображаетесь два абзаца подряд, без двух пустых строк.
    Если добавить вот так:

    <div>&nbsp;</div>
    <div>&nbsp;</div>

    то браузеры отображают две пустых строки.

    Как решить эту проблему, не меняя постоянно html-код?

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Как решить эту проблему, не меняя постоянно html-код?

    Изучить html и узнать, что &nbsp; — это пробел (неразрывный).
    После этого можно «не меняя постоянно html-код» после энтер нажимать ещё и пробел. 🙂

    <div style="text-align: center;"><b>ЗАЯВЛЕНИЕ</b></div>
    <div style="text-align: center;"></div>
    <div></div>
    <div></div>
    <div></div>
    <div style="text-align: center;">&nbsp;&nbsp;&nbsp;Я, ФИО___________________________, считаю необходимым (варианты: считаю целесообразным, требую, настоятельно требую, настаиваю, прошу ввести в комиссию ПС, намеченных на 22-23.06 публичных слушаний 2-х членов инициативной группы по контролю за строительством в М-не «АБ» г. Пущино.</div>
    <div></div>
    </div>
    <div></div>
    <div style="text-align: left;">Дата ____________________________ 2017 год</div>
    <div></div>
    <div style="text-align: left;">Подпись ________________________ /с расшифровкой подписи</div>

    Спасибо за попытку просвещения.
    Вот фрагмент кода, над которым я пытаюсь в визуальном редакторе сделать то, что вы советовали, «нажмите Enter и пробел».
    Из кода видно, что пробел никак не вставляется в этот самый код в визуальном редакторе.
    А Enter вставляет в код пустой тэг <div></div>.

    Я уже нашел для себя решение, чтобы эти переносы строк везде отображались и работали правильно. Нужно в тэг <div> добавить &nbsp; пробел ручками. Но, это очень не удобная рутина, когда текста может быть много. Не хочу я на это тратить время, когда визуальный редактор WordPress может этот текст ВИЗУАЛЬНО редактировать. Иначе, зачем он нужен?!

    Визуальное редактирование означает, что вы получите тоже самое при просмотре в браузере?
    Или тогда это условный визуально редактор?!

    Модератор Юрий

    (@yube)

    Нужно в тэг <div> добавить   пробел ручками.

    У меня Shift+Пробел в виз.редакторе прекрасно вставляет неразрывный пробел.
    См. https://ru.wikipedia.org/wiki/%D0%9D%D0%B5%D1%80%D0%B0%D0%B7%D1%80%D1%8B%D0%B2%D0%BD%D1%8B%D0%B9_%D0%BF%D1%80%D0%BE%D0%B1%D0%B5%D0%BB

    Визуальное редактирование означает, что вы получите тоже самое при просмотре в браузере?

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

    А есть комбинация, чтобы сразу вставлять <div>&nbsp;</div> ?

    У меня вопрос не про разрывный пробел!

    А про то, как абзацы текста разделять с помощью нажатия какой-то комбинации, раз уж Enter|Return дает только код <div></div>

    • Ответ изменён 3 года, 4 месяца назад пользователем AlexeyNN.
Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Тема «Нет разрыва строки с тэгами ?» закрыта для новых ответов.