Только конец строки / перенос слов в конце строки

Question

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

Например, это то, что происходит с 'word-wrap: break-word' в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

Answer 1

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

Answer 2

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

Косая черта также используется для обозначения разрыва строки при цитировании нескольких строк из стихотворения, пьесы или заголовка.

Opera: Fire Fox:

Answer 3

Вы тестировали опцию overflow css - ссылка ?

Answer 4

Только что придумал решение, поставьте <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);
}