Только URL-адрес обрыва строки/слова в конце строки

У меня есть div, содержащий URL-адрес. Я хочу, чтобы URL-адрес растянулся до конца строки, а затем переместился на следующую строку только в конце строки.Только URL-адрес обрыва строки/слова в конце строки

Например, это то, что происходит с «слово-обертывание: брейк-слово» в FF9:

http://www.somewebsiteaddressthathopefullydoesntexist.com 
/aaaa_aaaa_aaaa_aaaa_aaaa_aaaa_aaaa_aaaa_aaaa_aaaa

Но я хотел бы, чтобы она выглядела более как этот

http://www.somewebsiteaddressthathopefullydoesntexist.com/aaaa_aaaa_aaaa_aaaa_ 
aaaa_aaaa_aaaa_aaaa_aaaa_aaaa

источник

2012-02-27 Timm

Просто понял, решение, поставить <wbr> между символами:

$myURL = "http://www.somewebsiteaddressthathopefullydoesntexist.com/aaaa_aaaa_aaaa_aaaa_aaaa_aaaa_aaaa_aaaa_aaaa_aaaa"; 

for ($i = 0; $i < strlen($myURL); $i+=6){ 
    $myURL = substr($myURL,0,$i)."<wbr>".substr($myURL, $i); 
}

источник

2012-03-12 10:08:39 Timm

Вы проверили опция overflow css - link?

источник

2012-02-27 11:49:49 r0sk

Я предполагаю начало URL является наиболее важный бит в любом случае , поэтому я буду использовать white-space: nowrap; и переполнение: скрыто; на данный момент (но на самом деле это не решение, которое я получил после), спасибо в любом случае :) – Timm

Вы можете попробовать тег <wbr> (wordbreak). http://www.w3schools.com/html5/tag_wbr.asp.
(Это только перерыв там (и только там), если не осталось пространства, это не то же самое, как <br />)

источник

2012-02-27 12:13:12 11684

Для этого потребуется знать, где разделить URL-адрес до руки (чего у меня нет) или использовать шрифт с фиксированной шириной и добавить этот тег после фиксированного количества символов - что кажется немного взломанным, но это может быть единственный вариант – Timm

Извините, я неправильно понял это. – 11684

поведение в отношении пунктуации, таких как / (слэш) немного отличается между браузером. См. this JSFiddle demo. В Firefox 10.0.2 он сломается перед солидусом, а Opera прерывается. Остальная часть строки сломается правильно, если вы используете word-wrap:break-word;. Если у вас нет сущности с черной чертой, вы не найдете кросс-браузерного решения. Смотрите также Wiki: Slash (punctuation):