如何自动换行URL？

Question

自动换行在长字符串上运行良好,没有任何特殊字符.我想在URL上使用它.而不是填充连续的所有列,文本在遇到特殊字符(如=,&等)时进入下一行.是否有其他方法可以解决此问题？HTML:

<div style="word-wrap: break-word; width:100px;" id="foo"></div>

JS:

var div = document.getElementById("foo");
div.innerHTML = "https://www.google.co.in/search?q=hello+world&ie=utf-8&oe=utf-8&gws_rd=cr&ei=aNqUVZ7ZK4KVuATI3IGIDg";

JS小提琴在这里.

PS:溢出不是很好!

Answer 1

尝试使用 word-break: break-all;

var div = document.getElementById("foo");
div.innerHTML = "https://www.google.co.in/search?q=hello+world&ie=utf-8&oe=utf-8&gws_rd=cr&ei=aNqUVZ7ZK4KVuATI3IGIDg";

#foo{
  word-break: break-all;
}

<div style="width:100px;" id="foo">
    
</div>