За последние 24 часа нас посетили 70638 программистов и 1602 робота. Сейчас ищут 1004 программиста ...

js перенос строки...

Тема в разделе "PHP для новичков", создана пользователем SamyRed, 30 апр 2016.

  1. SamyRed

    SamyRed Старожил

    С нами с:
    23 июл 2015
    Сообщения:
    1.196
    Симпатии:
    111
    Адрес:
    Украина
    Здравствуйте. Может, задаю глупый вопрос, но подскажите, пожалуйста, как сделать перенос строки в данном случае?
    Код (PHP):
    1. var a = "Какой-то текст\n\r";
    2. var b = "Ещё текст\n\r";
    3. var c = "И ещё текст\n\r";
    4. $("#text").text(a + b + c);
    Нужно чтоб каждое сообщение выводилось на новой строке, а "\n\r" не переносит ничего. Причём, надо чтобы перенос был именно в каждой переменной. Иначе, если переменная отсутствует - то сообщение всё равно будет сдвигаться вниз.
     
    #1 SamyRed, 30 апр 2016
    Последнее редактирование: 30 апр 2016
  2. VLK

    VLK Старожил

    С нами с:
    15 дек 2013
    Сообщения:
    3.010
    Симпатии:
    58
    а причем тут rn, это html тут надо тегом br.
     
  3. SamyRed

    SamyRed Старожил

    С нами с:
    23 июл 2015
    Сообщения:
    1.196
    Симпатии:
    111
    Адрес:
    Украина
    Если использовать <br/> - то он так и отображается...
     
  4. mahmuzar

    mahmuzar Старожил

    С нами с:
    6 апр 2012
    Сообщения:
    4.631
    Симпатии:
    425
    Адрес:
    РД, г. Махачкала.
    @SamyRed, может так:

    Код (Javascript):
    1. var a = 'Какой-то текст<br>';
    2.             var b = 'Ещё текст<br>';
    3.             var c = 'И ещё текст<br>';
    4.             $("#text").html(a+b+c);
    Или text() принципиален?
     
  5. SamyRed

    SamyRed Старожил

    С нами с:
    23 июл 2015
    Сообщения:
    1.196
    Симпатии:
    111
    Адрес:
    Украина
    Нет, не принципиален. Спасибо, работает.
     
  6. artoodetoo

    artoodetoo Суперстар
    Команда форума Модератор

    С нами с:
    11 июн 2010
    Сообщения:
    11.128
    Симпатии:
    1.248
    Адрес:
    там-сям
    если у элемента #text будет CSS атрибут white-space: pre, то перевод строки будет работать и просто по "\n".
    К.О. считает, что внутри тега <pre> переносы работают именно по этой причине.

    а если делать семантически обоснованную вёрстку, то правильнее будет отдельные значения обертывать в <li> или <p> или ещё какие блочные элементы.

    http://www.w3schools.com/cssref/pr_text_white-space.asp
     
    mahmuzar нравится это.