您现在的位置是：网站首页> 编程资料编程资料
firefox css自动换行的实现方法_经验交流_
2023-12-09
128人已围观
简介 firefox css自动换行的实现方法_经验交流_
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;
}
注：以上脚本放在前面.
同个页面单处调用：
这里是要应用换行的内容
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;
}
注：以上脚本放在前面.
同个页面单处调用：
同个页面多处调用：
注：把应用的JS写在后面，其中60表示一行要显示多少字字符，注意多个调用时ID的相应变化，不能同一个ID名称，应用上面的方法后IE也会是按设定的字符数换行，但是IE里面支持自动换行，所以只要判断一下是否为IE，如果不是IE就不要输出上面的 XML/HTML复制代码
这段JS，如果不是就要输出。代码未经测试，偶只看了思路，有需要的自己去调试吧！有错误给我留言。
相关内容
- html页面head区域的编码书写规范_基础教程_
- CSS的color颜色使用说明_基础教程_
- vbscript Registry 注册表操作实现代码(读写删除)_vbs_
- 影之刃轻羽玩法攻略 影之刃轻羽玩法介绍_手机游戏_游戏攻略_
- 植物大战僵尸花园战争无法进入游戏怎么办_手机游戏_游戏攻略_
- 魔力宝贝手游祝福晶石获的方法介绍_手机游戏_游戏攻略_
- 魔力宝贝手游宝石获取全部途径盘点_手机游戏_游戏攻略_
- 刀塔传奇世界杯结果竞猜 快来拿免费钻石吧_手机游戏_游戏攻略_
- 魔力宝贝手游怎么恢复体力 体力获取攻略分享_手机游戏_游戏攻略_
- 天天酷跑UFO是什么 UFO获得方法介绍_手机游戏_游戏攻略_
