火狐firefox浏览器下如何使连续长字段自动换行

2016-06-02 22:00:06 连续长字段自动换行

火狐firefox浏览器下如何使连续长字段自动换行实现

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta http-equiv="content-language" content="zh-cn" /> 
  5. <meta http-equiv="content-type" content="text/html;charset=gb2312" /> 
  6. <title>blueidea</title> 
  7. <style type="text/css"> 
  8. div {width:300px;word-wrap:break-word;border:1px solid red;} 
  9. </style> 
  10. </head> 
  11. <body> 
  12. <div id="ff">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div> 
  13. <script type="text/javascript"> 
  14. // <![CDATA[ 
  15. function toBreakWord(intLen){ 
  16. var obj=document.getElementById("ff"); 
  17. var strContent=obj.innerHTML;  
  18. var strTemp=""; 
  19. while(strContent.length>intLen){ 
  20. strTemp+=strContent.substr(0,intLen)+" 
  21. ";  
  22. strContent=strContent.substr(intLen,strContent.length);  
  23. } 
  24. strTemp+=" 
  25. "+strContent; 
  26. obj.innerHTML=strTemp; 
  27. } 
  28. if(document.getElementById && !document.all) toBreakWord(37) 
  29. // ]]> 
  30. </script> 
  31. </body> 
  32. </html> 

众所周知IE中直接使用 word-wrap:break-word 就可以了, 这里FF中我们使用JS插入的方法来解决

更新