有谁知道如何防止 IE(7) 错误的破坏网址?
这是示例:http: //jsfiddle.net/uQcj5/5/
问题是 IE 在单词中破坏了 url,例如:
http://stackoverflow.com/que
stions/
有谁知道如何防止 IE(7) 错误的破坏网址?
这是示例:http: //jsfiddle.net/uQcj5/5/
问题是 IE 在单词中破坏了 url,例如:
http://stackoverflow.com/que
stions/
您是在告诉浏览器在单词中间打断,只需word-wrap: break-word;
从您的 CSS 中删除即可。
正确使用的 CSS 是:
white-space: nowrap;
编辑
好吧,没想到你不想突破<div>
。好吧,这对你来说是一个肮脏的把戏:在你想要打破​
的地方添加字符。
这个​
字符是一个零宽度的空格。
在每个允许的断点处删除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。
var str = 'http://stackoverflow.com/questions/10620008/ie-long-link-wrong-break'
str = str.replace(/\//g, '/​');