IE长链接错误

时间:2012-05-16 13:50:54

标签: javascript html css internet-explorer

有谁知道如何防止IE(7)错误破解网址?

以下是示例:http://jsfiddle.net/uQcj5/5/

问题是IE在文字中打破了网址,例如:

http://stackoverflow.com/que
stions/

4 个答案:

答案 0 :(得分:2)

您告诉浏览器在单词中间断开,只需从CSS中删除word-wrap: break-word;即可。

答案 1 :(得分:1)

使用正确的CSS将是:

white-space: nowrap;

修改

好的,没有意识到你不想突破<div>。好吧,这里有一个肮脏的技巧:在你想要破解的地方添加&#8203;个字符。

&#8203;字符为zero width space

答案 2 :(得分:1)

删除word-wrap: break-word,添加规则wbr:after { content: "\00200B"; },并在每个允许的断点处插入<wbr>,例如

<div><a href="#">http://stackoverflow.<wbr>com/<wbr>questions</a></div>

对此的解释(以及一般的换行问题)很长,请参阅http://www.cs.tut.fi/~jkorpela/html/nobr.html

请注意,如果URL包含连字符“ - ”,则需要采取额外措施来防止浏览器在连字符之前或之后拆分字符串。

如果可能,请勿在文档内容中使用URL。使用链接文本;网址主要用作href和其他属性值,而不是可见内容。大多数情况下,只有当您的文档是关于网址或其他网址才是真正相关内容的技术问题时,才应在内容中包含网址。

答案 3 :(得分:1)

var str = 'http://stackoverflow.com/questions/10620008/ie-long-link-wrong-break'
str = str.replace(/\//g, '/&#8203;');

http://jsfiddle.net/uQcj5/10/