我有一个很大的查询字符串,如
此链接将粘贴显示在700px宽度的div中。在FF中,它将在多行中分割,但在IE中 不。完整的字符串以单行显示。并打破页面布局。
有什么建议吗?
感谢。
答案 0 :(得分:11)
使用以下样式:
.divideMe{
width:100px;
word-wrap: break-word;
}
<div class='divideMe'>reallyreallyreallyreallyreallyreallylongstring</div>
输出
reallyreallyreally
reallyreallyreallyl
ongstring
虽然它并没有真正打破块中的单词,所以你仍然可以通过双击(三次)来选择它。我不确定浏览器是如何兼容的,但它似乎在我可用的浏览器上运行良好。请注意,它是 CSS3属性。
在IE 6,7,8上测试工作正常。在FF 3.6上也很好
另一种解决方案是隐藏溢出并显示滚动条,如果你想将它保持在一行中。但是,由于你的第一种方法是显示整个字符串而不是隐藏它,我认为这可能是一个很好的方法。
答案 1 :(得分:0)
如果您想在行尾添加连字符,可以使用­
HTML实体。
但是,如果您只想要换行符,请在链接文本中插入<wbr>
元素。请注意Quirksmode.org。
也就是说,我会将链接文本更改为比这么长的URL更有意义的内容。