<b>实现持续长字符自动换行（兼容IE、Firefox）</b>[网站美工]

从前做模板,碰到一个常见问题,老是被网址,或持续的英文字母把模板给撑变形,其实很简单只需求加入

style="word-break:break-all"; 代码便可

可以加入到 表格 ,也可以加入到 div 、CSS 等

=============================================

IE下很简单,给容器比方一个div定义
div{word-wrap:break-word;}

关于firefox,至少目前用CSS是没有办法办理的,大大都是用overflow将撑出的部份躲藏大概加转动条,因为word-wrap不是css2的尺度属性,所以Mozilla不支持这个.既然CSS无法做到,那么只有利用JS的办法了.
首先给这个容器div一个ID“#ff”,然后在页面中插入一段JS

<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)+"
"; 
strContentstrContent=strContent.substr(intLen,strContent.length); 
} 
strTemp+="
"+strContent; 
obj.innerHTML=strTemp; 
} 
if(document.getElementById && !document.all) toBreakWord(40) 
--> 
</script> 

此中最后一句括号中的(40)是每行的字母的数目,不过它不能辨别每个词的长度,就是说英文单词会全部被截断,不管是不是持续的长字符,这不符合书写习惯也不利于阅读,但是这是偶找到对比好的办理办法了.