• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    firefox css自动换行的实现方法
    IE直接用:
    word-break:break-all;  /*允许词内换行*/   
    word-wrap:break-word; /*内容将在边界内换行*/   
    /*需要注意的默认是:*/   
    word-wrap:normal /*允许内容顶开指定的窗口边界*/   
           而firefox却没有很好的实现办法 ,一个折中方案就是使用滚动条,但网上也提出了一种用js来判断换行的办法,这里摘录下(转自网络,特此说明)。 JavaScript复制代码
    script type="text/javascript">    
    function toBreakWord(intLen, id){    
        var obj=document.getElementById(id);    
        var strContent=obj.innerHTML;     
        var strTemp="";    
        while(strContent.length>intLen){    
            strTemp+=strContent.substr(0,intLen)+"br>";     
            strContent=strContent.substr(intLen,strContent.length);     
        }    
        strTemp+= strContent;    
        obj.innerHTML=strTemp;    
    }    
    /script>   
    注:以上脚本放在/head>前面. 

    同个页面单处调用:

    div id="content">这里是要应用换行的内容/div>script type="javascript">toBreakWord(60, "content");/script>     
    同个页面多处调用:

    div id="content">这里是要应用换行的内容/div>script type="javascript">toBreakWord(60,"content");/script>         
    div id="content2">这里是要应用换行的内容/div>script type="javascript">toBreakWord(60,"content2");/script>    

           注:把应用的JS写在/div>后面,其中60表示一行要显示多少字字符,注意多个调用时ID的相应变化,不能同一个ID名称,应用上面的方法后IE也会是按设定的字符数换行,但是IE里面支持自动换行,所以只要判断一下是否为IE,如果不是IE就不要输出上面的 XML/HTML复制代码
    script language="javascript">toBreakWord(60, "content");/script>        
    这段JS,如果不是就要输出。代码未经测试,偶只看了思路,有需要的自己去调试吧!有错误给我留言。
    上一篇:html页面head区域的编码书写规范
    下一篇:css支持标准的图片垂直居中
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    firefox css自动换行的实现方法 firefox,css,自,动换,行的,