firefox下div内英文数字字符过长时如何自动分行

Question

IE里用word-wrap:break-word;width:240px;
就可以完美解决了，但在firefox里无法解决,必须要加上overflow:hidden;但是这样会中途截断字符,而不是做到完全显示并分行
请问该如何解决!

Answer 1

用css很难解决，好象只有通过js了．<div id="div1" style="width:200px;word-wrap:break-word;">
</div><script>
function Towrap(intLen){
var obj=document.getElementById("div1");
var strContent=obj.innerHTML;
var strTemp="";
while(strContent.length>intLen){
strTemp+=strContent.substr(0,intLen)+"<br />";
strContent=strContent.substr(intLen,strContent.length);
}
strTemp+="<br />"+strContent;
obj.innerHTML=strTemp;
}
if(document.getElementById  &&  !document.all)  Towrap(10)
</script>

Answer 2

CSS好像可以解决的。
找个FF测试下先。

Answer 3

用js截取字符串强制换行。js插入&#10;来解决<script type="text/javascript">function toBreakWord(intLen){    
var obj=document.getElementById("ff");    
var strContent=obj.innerHTML;     
var strTemp="";    
while(strContent.length>intLen){    
strTemp+=strContent.substr(0,intLen)+"&#10;";     
strContent=strContent.substr(intLen,strContent.length);     
}    
strTemp+="&#10;"+strContent;    
obj.innerHTML=strTemp;    
}    
if(document.getElementById   &&   !document.all)   toBreakWord(13) 
</script>

Answer 4

我是楼主，这个问题其实出在汉字一个字的空间是固定的，可以识别，而英文字母的单词有的长有的短，计算机无法自动识别只能通过空格来识别以至造成FF在分行上的识别错误，用javascript来通过截取字符长度是可以的。但是我的疑问就是为什么那段分行css对IE有用对FF却没有用呢。