js实现连续英文字符自动换行兼容ie6 ie7和firefox

210 阅读 0 评论 139 点赞

我是靠谱客的博主如意抽屉，最近开发中收集的这篇文章主要介绍js实现连续英文字符自动换行兼容ie6 ie7和firefox，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
irefox中连续英文字符如果要CSS控制强制换行，探索了N久，发现是实现不了的逼不得已的时候就用js脚本进行控制吧 

英文字符自动换行,通过js脚本截断字符串,此方法通用ie6,ie7,firefox兼容解决办法 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>js实现连续英文字符自动换行</title> 
</head> 
<body> 
<div id="ff" style="width:500px;background:#f3f3f3;">sssssssssssssssss 

sssssssssssssssssssssssssssssssssssssssssssssssss</div> 
<script> 
function toBreakWord(intLen){ 
var obj=document.getElementById("ff");//文字内容所在容器的id 
var strContent=obj.innerHTML; 
var strTemp=""; 
while(strContent.length>intLen){ 
strTemp+=strContent.substr(0,intLen)+"<br />"; 
strContent=strContent.substr(intLen,strContent.length); 
} 
strTemp+=strContent; 
obj.innerHTML=strTemp; 
} 
toBreakWord(50);//一行的最大字符数 
</script> 
</body> 
</html> 