解决Firefox和Chrome浏览器的英文字符换行问题

对于Forefox和Chrome浏览器英文字符换行问题一直是一个大难题。用CSS试探了很久，结果都没有成功。

今天对本网站的主div进行了扩宽，结果很明显，在所有浏览器当中都能正常显示。但是这个毕竟是投机取巧的方法，不能解决根本问题，说不定哪天又会有新的问题。

刚刚在网上搜索了一下，真有解决的办法：利用Javascript来强行控制换行！！！

script代码如下：

function toBreakWord(intLen) ... {
var obj=document.getElementById("ff");//ff是文字内容所在容器的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( 50 ); // 一行的最大字符数

这个函数根据参数中的每行最大字符串来控制换行。

测试了一下，确实达到了换行的效果，但是有一个缺点，就是它只根据字符数来控制换行，但是不能智能的判断单词的结束和开始，导致单词也会中断换行。

 

原文地址：http://www.iamneter.info