当前位置:  编程技术>WEB前端

firefox css自动换行的实现方法

    来源: 互联网  发布时间:2014-10-04

    本文导语:  IE直接用:word-break:break-all;  /*允许词内换行*/    word-wrap:break-word; /*内容将在边界内换行*/    /*需要注意的默认是:*/    word-wrap:normal /*允许内容顶开指定的窗口边界*/           而firefox却没有很好的实现办法 ,一...

IE直接用:
word-break:break-all;  /*允许词内换行*/   
word-wrap:break-word; /*内容将在边界内换行*/   
/*需要注意的默认是:*/   
word-wrap:normal /*允许内容顶开指定的窗口边界*/   
       而firefox却没有很好的实现办法 ,一个折中方案就是使用滚动条,但网上也提出了一种用js来判断换行的办法,这里摘录下(转自网络,特此说明)。 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)+"
";     
        strContent=strContent.substr(intLen,strContent.length);     
    }    
    strTemp+= strContent;    
    obj.innerHTML=strTemp;    
}    
   
注:以上脚本放在前面. 

同个页面单处调用:

这里是要应用换行的内容
toBreakWord(60, "content");     
同个页面多处调用:

这里是要应用换行的内容
toBreakWord(60,"content");         
这里是要应用换行的内容
toBreakWord(60,"content2");    

       注:把应用的JS写在
后面,其中60表示一行要显示多少字字符,注意多个调用时ID的相应变化,不能同一个ID名称,应用上面的方法后IE也会是按设定的字符数换行,但是IE里面支持自动换行,所以只要判断一下是否为IE,如果不是IE就不要输出上面的 XML/HTML复制代码
toBreakWord(60, "content");        
这段JS,如果不是就要输出。代码未经测试,偶只看了思路,有需要的自己去调试吧!有错误给我留言。

    
 
 

您可能感兴趣的文章:

  • 兼容多浏览器实现半透明(Opera ie firefox)
  • firefox下jquery ajax返回object XMLDocument处理方法
  • firefox的超链接点击去除扩大的难看虚线的解决方法
  • firefox background-image垂直平铺问题的解决方法
  • word-wrap在firefox中不起作用的解决方法
  • jquery在firefox中刷新iframe页面,提示重复之前动作的解决方法
  • Firefox2中输入框丢失光标bug的解决方法
  • ul在Firefox和IE下的不同表现的解决方法
  • Apache、Nginx下Font Awesome在 Firefox 中不显示问题解决方法
  • 解析IE, FireFox, Opera 浏览器支持Alpha透明的方法
  • Firefox返回时Iframe的显示Bug的解决方法
  • IE和FIREFOX下CSS的区别与解决方法第1/2页
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • Firefox 23 中文版全新发布
  • linux上大家用的大都是firefox把。那你们用的是什么firefox数据同步插件呢?另外鼠标手势插件呢?
  • redhat9.0下,我安装了紫光输入法和firefox浏览器,结果发现在firefox下用“Ctrl-Shift”切换不出输入法,怎么办?有其他输入法或者浏览
  • linux 怎样 自启动 firefox 跪求指点。。。。
  • firefox 解压后不能运行
  • ubuntu下升级firefox问题
  • 网页开发FireFox插件 Firebug
  • Linux下安装FireFox下问题,急!
  • 求助,firefox安装flash的问题,第一次发贴
  • linux命令行下,无法运行firefox
  • FireFox在Linux如何编译?哪位高人能否指点一下。
  • 有没有搞错啊,CSDN的blog不支持Firefox?
  • fc9下firefox问题
  • Linux下的中文输入与Firefox的问题,谢谢!
  • firefox脱机工作问题
  • firefox看电影
  • 下了一个?firefox1.0?for?linux,但解压后?却不知怎么打开它,希望帮助,谢.? 分噢
  • Firefox 扩展开发包 Jetpack
  • Firefox for iOS
  • 沙盒中的 FireFox 浏览器 Ironfox
  • mysql iis7站长之家


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3