情况描述
在table被设定了固定宽度的时候,td内容中出现了太多连续
导致内容过宽,引起样式的错乱。
这部分html因为是从第三方获取的。所以无法从根源上去禁止这些
的产生。只能考虑通过后期处理解决。
解决过程
在网上搜索解决办法,希望通过css解决,但我的浏览器对有些网上所给出的样式不支持,比如word-warp:break-word;
在我的浏览器就直接是无效的。把
替换成普通的空格是行不通的,连续的普通空格只会被解析成一个空格。
经过对内容特点进行分析,连续的
会在遇到的第一个普通字符后,进行正常的换行。那么用空格键打出来的也属于普通的字符,考虑到连续的空格会被解析成一个空格,那么,不连续的空格就能够被正常解析成独立的空格,并能够正常换行。
所以,每间隔一个
把后一个
替换成普通的空格。
用js来做就是把连续的
替换成
+一个普通空格
html = html.replace