zoukankan      html  css  js  c++  java
  • ie firefox 下 css控制英文换行

    一:
    ie:
    word-wrap:break-word;
    word-break:break-all;

    firefox:
    js控制
       <div id="ff" style="word-break:break-all; </div>
       <script type="text/javascript">
        //  <![CDATA[
        function toBreakWord(intLen){
        var obj=document.getElementById("ff");
        var strContent=obj.innerHTML;  
        var strTemp="";
        while(strContent.length>intLen){
        strTemp+=strContent.substr(0,intLen)+" ";  
        strContent=strContent.substr(intLen,strContent.length);  
        }
        strTemp+=" "+strContent;
        obj.innerHTML=strTemp;
        }
         if(document.getElementById  &&  !document.all)  toBreakWord(120)
        // ]]>
        </script>


    二:
    ie,firefox:

    <style type="text/css">
    .wordwrap
    {
         word-wrap:break-word;
         word-break:break-all;
        -moz-binding: url('./wordwrap.xml#wordwrap');
         overflow: hidden;
    }
    </style>

    其中里面有个wordwrap.xml,这个文件的内容如下:

    <?xml version="1.0" encoding="UTF-8"?>
    <bindings xmlns="http://www.mozilla.org/xbl" xmlns:html="http://www.w3.org/1999/xhtml">

    <binding id="wordwrap" applyauthorstyles="false">

        <implementation>
            <constructor>
                //<![CDATA[
               
                var elem = this;

                elem.addEventListener('overflow',
                    function()
                    {
                        var exp = /<&#8203;\/*[&#8203;_\s="'\w]+>/g;
                       
                        var txt = elem.innerHTML;
                        var chars = txt.split('');
                        var newTxt = chars.join('&#8203;');                   
                        newTxt = newTxt.replace(exp, reconstructTag);                   
                        elem.innerHTML = newTxt;
                    },false);
                   
                    function reconstructTag(_tag)
                    {
                        return _tag.replace(/&#8203;/g, '');
                    }

                //]]>
            </constructor>
        </implementation>
    </binding>

    </bindings>
    <!-- Web2 -->

  • 相关阅读:
    实时控制软件设计第一周作业-汽车ABS软件系统案例分析
    团队项目·冰球模拟器——任务间通信、数据共享等设计
    团队项目·冰球模拟器——cmake 自动化构建系统的配置文件的编写
    团队项目·冰球模拟器——文件结构设计
    团队项目·冰球模拟器——插值算法接口设计
    第四周作业
    第三周作业、实时操作系统µC/OS介绍及其它内容
    第二周作业、停车场门禁控制系统状态机
    Open Dynamics Engine for Linux 安装笔记
    第一周作业、典型实时控制系统案例分析
  • 原文地址:https://www.cnblogs.com/Magicam/p/1350402.html
Copyright © 2011-2022 走看看