Длинная строка не разделяется на несколько строк в IE

Question

У меня есть большая строка запроса, как

http://terra.cic.local/web/index.cfm//pm/uebersicht?sucheAufgeklappt=was%2Cwie%2Cwohin%2Cwann%2Cwer&sucheVon=&sucheBis=&sucheIstErsteSeiteAnzahlProdukteErmitteln=false&sucheIDReiseart=26&sucheHotelart=1081&sucheHotelart=1082&sucheIDLand=347&sucheRegion=214&sucheIstZeitlichFlexibel=true&sucheDauer=&sucheAnzahlErwachsene=2&sucheAnzahlKinder=0&sucheAnzahlPersonen=2&sucheAnzahlSchlafzimmer=&sucheEntfernungStrand=&sucheEntfernungSkilift=

эта ссылка будет вставлена ​​в div с шириной 700px. в FF он будет разбит на несколько строк, но в IE not.The полная строка отображается в одной строке. и разбить макет страницы.

Есть предложения?

Спасибо.

Answer 1

Использование следующих стилей:

.divideMe{
width:100px;
word-wrap: break-word;
}

<div class='divideMe'>reallyreallyreallyreallyreallyreallylongstring</div>

Это вывело бы

reallyreallyreally
reallyreallyreallyl
ongstring

Хотя слово не разбивается на куски, поэтому вы можете выбрать его двойным (тройным) щелчком. Я не уверен, насколько это совместимо с браузерами, но, похоже, он хорошо работает на браузерах, которые у меня есть. Имейте в виду, что это CSS3 свойство .

Проверено на IE 6,7,8 отлично работает. Также хорошо на FF 3.6

Другим решением было бы скрыть переполнение и показать полосу прокрутки, если вы хотите сохранить ее в одну строку. Но поскольку ваш первый подход состоял в том, чтобы показать всю строку, а не скрывать ее, я думаю, что это может быть хорошим подходом.

Answer 2

Если вам нужен символ переноса в конце строки, вы можете использовать ­ HTML-сущность.

Но если вы хотите просто разрыв строки, вставьте элемент <wbr> в текст ссылки. Знайте о несоответствиях браузера, описанных в Quirksmode.org .

Тем не менее, я бы изменил текст ссылки на что-то более значимое, чем такой длинный URL.