在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=

此链接将粘贴显示在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上也很好

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

Answer 2

如果您想在行尾添加连字符，可以使用­ HTML实体。

但是，如果您只想要换行符，请在链接文本中插入<wbr>元素。请注意Quirksmode.org。

中描述的浏览器不一致性

也就是说，我会将链接文本更改为比这么长的URL更有意义的内容。