cadena larga no se está dividiendo en varias líneas en IE

Question

tengo una gran cadena de consulta como

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=

este enlace se pegará muestra en un div con 700px de ancho. en FF se dividirá en varias líneas, pero en IE no. La cadena conpleta se muestra en una sola línea. y romper el diseño de la página.

¿Alguna sugerencia?

Gracias.

Answer 1

utilizando los siguientes estilos:

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

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

Sería salida

reallyreallyreally 
reallyreallyreallyl 
ongstring 

A pesar de que en realidad no romper la palabra en trozos lo que aún puede seleccionarlo haciendo doble (triple) haciendo clic en él . No estoy seguro de qué tan compatible es el navegador, pero parece funcionar bien en los navegadores que tengo disponibles. Tenga en cuenta que es una propiedad CSS3.

Probado en IE 6,7,8 funciona bien. También es correcto en FF 3.6

Otra solución sería ocultar el desbordamiento y mostrar una barra de desplazamiento si desea mantenerlo en una línea. Pero como su primer enfoque fue mostrar toda la cuerda en lugar de ocultarla, creo que este puede ser un buen enfoque.

Answer 2

Si desea un carácter de separación silábica al final de la línea, puede utilizar la entidad HTML ­.

Pero si solo quiere un salto de línea, inserte el elemento <wbr> dentro del texto del enlace. Tenga en cuenta las incoherencias del navegador, descritas en Quirksmode.org.

Dicho esto, cambiaría el texto del enlace a algo más significativo que una URL tan larga.