Как добавить в конец каждой строки перенос на следующую?

Question

[m4f1]

Имеется список ссылок, нужно добавить в конец каждой строки переход на следующую

<div class="text">
http://2gis.ru
http://www.yp.ru
http://www.yell.ru
http://www.ypag.ru
http://www.e-adres.ru
http://infolo.ru
http://globalmcom.com
...
</div>

Comments

[Эдуард]

Т.е., добавить html-тег <br> ?

[m4f1]

Эдуард, да, в конец каждой строки, но средствами js

Answer 1

[Jack London]

У меня получилось несколько вариантов, как это сделать. Но у каждого есть свои плюсы и минусы:
1. Добавить тег переноса <br> в конец каждой ссылки
2. Добавить тег форматирования текста <pre>внутри все ссылки</pre>
3. Метод делает тоже самое, только с помощью css (появляется пустая строка в начале, чтобы её не было просто уберите перенос перед первой ссылкой)
4. Можно добавить расстояние между каждой ссылкой
5. Задать минимальное или нулевое значение ширины блока родителя
6. Обернуть все ссылки любым html тегом и задать flex
7. Обернуть в старый, добрый список ul > li



8. С помощью javascript.

Comments

[m4f1]

Все же лучше javascript, css понятно, что так может

[Jack London]

m4f1, возможно так?

[m4f1]

Jack London, идеально, то что было нужно, укажи в ответах - отмечу ответом

Answer 2

[origami1024]

Семантически лучше всего положить каждую ссылку в <li>, а потом всё положить в <ul>

Comments

[m4f1]

не подходит, слишком большой список

Answer 3

[Эдуард]

m4f1
/(https?:\/\/\S+)$/
Если вместо тега <br> нужно что-то другое - замените его.

Comments

[m4f1]

Знаю как сделать на php, но нужен именно js, как правильно пройтись по странице?

[m4f1]

Делаю так, но что-то не хотит

<div class="text">
http://2gis.ru
http://www.yp.ru
http://www.yell.ru
http://www.ypag.ru
http://www.e-adres.ru
http://infolo.ru
http://globalmcom.com
http://www.internetkniga.ru
http://eadres.ru
http://bankfirm.ru
http://alliance-catalog.ru
http://zinzen.ru
http://top-kray.ru
http://flado.ru
http://rujazi.com
http://tvoyaspravka.ru
http://dimkaiff.ru
http://www.baza-r.ru
http://topwiz.ru
http://baza-r.ru/firm/
http://spravka.me/firm/
http://rosfirm.ru
http://propartner.ru
http://catalog2b.ru
http://www.metaprom.ru
http://www.740074.ru
http://fis.ru
http://www.bizspravka.su
http://blizko.ru
http://prostoboss.com
http://www.orgpage.ru
http://bport.info
http://www.conon.ru
http://www.russiacompany.ru
http://russia.kaktus.me
http://www.ecsb.ru
http://vibirai.ru
http://www.specportal.net
http://flagma.ru
http://inkado.ru
http://rusfirm.biz/
http://felixinfo.ru
http://russ-wmr.info
http://b2b-russia.ru
http://salda.ws
http://toodoo.ru
http://www.inet-search.net
http://офирмах.рф
http://russiacatalog.ru
http://www.loglink.ru

http://mosstroy.ru/

</div>

$(document).ready(function() {
    var strNewString = $('text').html().replace(/(https?:\/\/\S+)$/g,'</br>');
    $('text').html(strNewString);
});