firefox和opera不支持word-wrap:break-word的解决方法

最新推荐文章于 2023-07-10 17:07:54 发布

最新推荐文章于 2023-07-10 17:07:54 发布 · 546 阅读

文章标签：

#Opera #Firefox #webkit #IE #jQuery #ViewUI

Javascript & Web 专栏收录该内容

8 篇文章

订阅专栏

我看过很多个解决方法，综合修改出这个。。支持ie/ff/op/sf
这里的浏览器检测代码来自jQuery。。

var userAgent = navigator.userAgent.toLowerCase();
    var browser = {
                    version: (userAgent.match(/.+(?:rv|it|ra|ie)[/: ]([d.]+)/) || [])[1],
                    safari: /webkit/.test(userAgent),
                    opera: /opera/.test(userAgent),
                    msie: /msie/.test(userAgent) && !/opera/.test(userAgent),
                    mozilla: /mozilla/.test(userAgent) && !/(compatible|webkit)/.test(userAgent)
                };

    function toBreakWord(str, intLen){  
        var strTemp = '';
        if ((browser.mozilla || browser.opera) && str.length > intLen) {
            while(str.length > intLen){ 
                strTemp += str.substr(0,intLen)+" ";
                str = str.substr(intLen, str.length);
            } 
            str = strTemp + str;
        }

        document.write(str);
    }

使用方法

<div style="width:25px;border:1px solid;word-break:break-all;"><script type="text/javascript">toBreakWord('fffffffffffffffffffffffffffffffffffffff', 3)</script></div>