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 -->

  • 相关阅读:
    sql datepart ,dateadd,datediff,DateName函数
    DEV控件:gridControl常用属性设置
    师兄建议:
    .GRIDVIEW奇偶行变色
    C#中在主窗体中用ShowDialog方法显示子窗体的使用技巧
    Dev 控件lookUpEdit的数据绑定及其获取从UI界面赋给lookupedit的值
    从VS界面把图片导入数据库:①:把图片转换为二进制数据,②再把二进制数存进数据库
    YYKit之YYText
    分享使用method swizzling的经历
    autoreleasepool的笔记
  • 原文地址:https://www.cnblogs.com/Magicam/p/1350402.html
Copyright © 2011-2022 走看看