在IE中,长字符串不会在多行上分割

Question

我有一个很大的查询字符串

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

此链接将粘贴显示在700px宽度的div中.在FF中,它将在多行上分割但在IE中不会.完整的字符串以单行显示.并打破页面布局.

有什么建议吗？

谢谢.

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也很好

另一个解决方案是隐藏溢出并显示滚动条,如果你想将它保持在一行.但是,由于你的第一种方法是显示整个字符串而不是隐藏它,我认为这可能是一个很好的方法.