Długi ciąg nie jest podział na wielu liniach w IE

Question

mam duży querystring jak

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=

ten link zostanie wklejony wyświetlane w div z 700px szerokości. w FF będzie podzielony na wiele linii, ale w IE nie. Łańcuch conplete jest wyświetlany w pojedynczej linii. i złamać układ strony.

Jakieś sugestie?

Dzięki.

Answer 1

stosując następujące style:

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

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

Byłoby wyjście

reallyreallyreally 
reallyreallyreallyl 
ongstring 

Choć tak naprawdę nie złamać słowo w kawałkach więc nadal można wybrać go przez podwójne (potrójne) kliknięcie . Nie jestem pewien, w jaki sposób jest to zgodne z przeglądarką, ale wygląda na to, że działa dobrze na przeglądarkach, które mam dostępne. Należy pamiętać, że jest to właściwość CSS3 o nazwie.

Testowany na IE 6,7,8 działa dobrze. Również w porządku na FF 3.6

Innym rozwiązaniem byłoby ukryć przepełnienie i pokazać pasek przewijania, jeśli chcesz zachować go w jednym wierszu. Ale ponieważ twoim pierwszym podejściem było pokazanie całej struny zamiast jej ukrywania, myślę, że to może być dobre podejście.

Answer 2

Jeśli chcesz mieć znak dzielenia na końcu linii, możesz użyć encji HTML ­.

Ale jeśli chcesz po prostu złamać linię, wstaw element <wbr> do tekstu linku. Należy pamiętać o niespójnościach przeglądarek, opisanych pod adresem Quirksmode.org.

Powiedziałem, że zmieniłbym tekst linku na coś bardziej znaczącego niż taki długi URL.