как сделать длинный URL-адрес разбитым на две строки

Question

У меня очень узкий столбец и URL-адрес из трех слов, который расширяет исходную ширину столбца.

можно ли заставить три слова растягиваться на две или три строки и сохранить URL-ссылку без изменений?

Я использую css для стилизации пользовательской темы drupal, а длина / имя этого URL - это имя узла Drupal, которое превращается во вкладку с помощью модуля QuickTabs, поэтому мне нужно управлять им через css, желательно. У меня такое ощущение, что это очень легко исправить, но я искал в Google и не могу найти ничего, что мне подходит.

Спасибо заранее.

Answer 1

Попробуйте использовать:

word-wrap: break-word;

Я не думаю, что он поддерживается во всех браузерах.

См. http://jsfiddle.net/jrRqb/ для примера

Answer 2

Я знаю, что это не самый чистый ответ, но иногда <br /> в тексте ссылки - самая легкая вещь.

<p><a href="http://www.vatican.va/holy_father/benedict_xvi/travels/2011/index_croazia_en.htm">http://www.vatican.va/holy_father/benedict_xvi/<br />travels/2011/index_croazia_en.htm</a></p>

http://jsfiddle.net/jasongennaro/8xmU5/