IE长链接错误中断

IE long link wrong break

本文关键字：中断 错误 链接 IE      更新时间：2023-09-26

>有没有人知道如何防止IE（7）错误的破坏url？

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

问题是IE会破坏单词内的url，例如：

http://stackoverflow.com/que
stions/

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

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

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

要使用的正确 CSS 是：

white-space: nowrap;

编辑

好吧，没有意识到你不想突破<div>.好吧，这里有一个肮脏的伎俩：在你想要打破的地方添加&#8203;字符。

此&#8203;字符是零宽度空格。

删除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。使用链接文本;URL 主要用于用作href和其他属性值，而不是可见内容。大多数情况下，仅当您的文档是关于 URL 或其他技术问题（其中 URL 是真正相关的内容）时，才应在内容中包含 URL。

相关文章：