当前位置: 编程技术>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"); 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写在
toBreakWord(60, "content");
这段JS,如果不是就要输出。代码未经测试,偶只看了思路,有需要的自己去调试吧!有错误给我留言。