Does anyone know how to prevent the misuse of IE URLs (7)?
Here is an example: http://jsfiddle.net/uQcj5/5/
The problem is that IE breaks the url inside the words, for example:
http://stackoverflow.com/que stions/
var str = 'http://stackoverflow.com/questions/10620008/ie-long-link-wrong-break' str = str.replace(/\//g, '/​');
http://jsfiddle.net/uQcj5/10/
You tell the browser to break in the middle of words, just remove it word-wrap: break-word;from your CSS.
word-wrap: break-word;
CSS :
white-space: nowrap;
Edit
, , <div>. , : ​ , .
<div>
​
​ .
word-wrap: break-word, wbr:after { content: "\00200B"; } <wbr> , .
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- .
href