新连续字符自动换行的解决方案

说明|评论

这是一个重写的方案，尽可能减少对浏览器探测的依赖，同时考虑对同一个页面多次执行该方法的效率。

2009.05.29 用<wbr>取代&#8203;解决因插入&#8203;导致复制文本时有大量不可打印的字符，使直接复制的链接不可用。为了让Opera支持<wbr>，需要设置CSS：wbr:after { content: "\00200B" }

参数默认值含义
word 正整数，默认是13 在这个字数内的单词不会被插入<wbr>，印象中超过13个字母的单词不多，这可以保证绝大部分单词不会被打碎
re 正则表达式，默认[a-zA-Z0-9] 单词的正则表达式，用以确定一个单词是哪些字符组成，注意\的转义
className 合法class名数组，默认['break-word'] 执行函数的元素对应属性名
redo 布尔值，默认false 是否要对已经执行函数的元素重新执行函数

  1. <div>内容</div>

    ....................................................................................................................................... http://dancewithnet.com/2008/12/04/word-break-all/ 111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa Word wrap or line wrap is the feature, supported by most text editors, word processors, and web browsers, of automatically replacing some of the blank spaces between words by line breaks, such that each line fits in the viewable window, allowing text to be read from top to bottom without any horizontal scrolling.

  2. <div class="break-word">内容</div>

    ....................................................................................................................................... http://dancewithnet.com/2008/12/04/word-break-all/ 111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa Word wrap or line wrap is the feature, supported by most text editors, word processors, and web browsers, of automatically replacing some of the blank spaces between words by line breaks, such that each line fits in the viewable window, allowing text to be read from top to bottom without any horizontal scrolling.

  3. <table><tr><td>内容</td></tr></table>

    ....................................................................................................................................... http://dancewithnet.com/2008/12/04/word-break-all/ 111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa Word wrap or line wrap is the feature, supported by most text editors, word processors, and web browsers, of automatically replacing some of the blank spaces between words by line breaks, such that each line fits in the viewable window, allowing text to be read from top to bottom without any horizontal scrolling.

  4. <table class="break-word" style="width:20em;"><tr><td>内容</td></tr></table>

    ....................................................................................................................................... http://dancewithnet.com/2008/12/04/word-break-all/ 111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa Word wrap or line wrap is the feature, supported by most text editors, word processors, and web browsers, of automatically replacing some of the blank spaces between words by line breaks, such that each line fits in the viewable window, allowing text to be read from top to bottom without any horizontal scrolling.