3

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

这是示例:http: //jsfiddle.net/uQcj5/5/

问题是 IE 在单词中破坏了 url,例如:

http://stackoverflow.com/que
stions/
4

4 回答 4

2

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

于 2012-05-16T13:54:11.503 回答
1

正确使用的 CSS 是:

white-space: nowrap;

编辑

好吧,没想到你不想突破<div>。好吧,这对你来说是一个肮脏的把戏:在想要打破&#8203;的地方添加字符。

这个&#8203;字符是一个零宽度的空格

于 2012-05-16T14:07:57.370 回答
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。使用链接文本;URL 主要用作href和其他属性值,而不是可见内容。大多数情况下,只有当您的文档涉及URL 或其他技术问题(其中 URL 是真正相关的内容)时,您才应该在内容中包含 URL。

于 2012-05-16T14:24:44.010 回答
1
var str = 'http://stackoverflow.com/questions/10620008/ie-long-link-wrong-break'
str = str.replace(/\//g, '/&#8203;');

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

于 2012-05-16T15:02:32.863 回答