有关英文自动换行的问题

　在工作的过程中，遇到过这样一个问题，在中文 的状态下，我们换行、断句直接用word-wrap:break-word;overflow:hidden;

就可以解决问题，但是在英文 的状态下，这个方法无法达到我们想要的效果。因此，我们只能利用js的办法去解决这个实际性的问题，下面我们来看实例：

div {
    width:300px;
    word-wrap:break-word;
    border:1px solid red;
    }/*针对ＩＥ*/

<div id="ff">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
<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;"; /*重点就是我们利用“&#10;”来断句*/
strContent=strContent.substr(intLen,strContent.length); 
}
strTemp+="&#10;"+strContent;
obj.innerHTML=strTemp;
}
if(document.getElementById  &&  !document.all)  toBreakWord(37)

</script>

 

 

 

附加一个中文 禁止文字自动换行{white-space: nowrap; display:inline-block;}