CSS實例：如何讓無空格的長字符在IE和FF下面實現(xiàn)自動換行？_DIV+CSS實例
教程Tag：暫無Tag,歡迎添加,賺取U幣!
無空格連續(xù)長字符在IE與FF下有時候能實現(xiàn)自動換行，因為瀏覽器將它看成是一個長單詞了。IE下很簡單，給容器比如一個p定義word-wrap屬性即可：
對于firefox，至少現(xiàn)在用CSS是沒有辦法解決的，大多數(shù)是用overflow將撐出的部分隱藏或者加滾動條，因為word-wrap不是css2的標準屬性，所以Mozilla不支持這個。既然CSS無法做到，那么只有使用JS的方法了。
首先給這個容器p一個ID“#hh”，然后在頁面中插入一段JS：
其中最后一句括號中的(40)是每行的字母的數(shù)目，不過它不能分辨每個詞的長度，就是說英文單詞會全部被截斷，不管是不是連續(xù)的長字符，這不符合書寫習慣也不利于閱讀，但是這是偶找到比較好的解決辦法。
示例代碼 [www.ghpqjb.com]
p {word-wrap:break-word;}
對于firefox，至少現(xiàn)在用CSS是沒有辦法解決的，大多數(shù)是用overflow將撐出的部分隱藏或者加滾動條，因為word-wrap不是css2的標準屬性，所以Mozilla不支持這個。既然CSS無法做到，那么只有使用JS的方法了。
首先給這個容器p一個ID“#hh”，然后在頁面中插入一段JS：
示例代碼 [www.ghpqjb.com]
<script type="text/javascript">
function toBreakWord(intLen){
var obj=document.getElementById("hh");
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;
}
if(document.getElementById && !document.all) toBreakWord(40)
</script>
function toBreakWord(intLen){
var obj=document.getElementById("hh");
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;
}
if(document.getElementById && !document.all) toBreakWord(40)
</script>
其中最后一句括號中的(40)是每行的字母的數(shù)目，不過它不能分辨每個詞的長度，就是說英文單詞會全部被截斷，不管是不是連續(xù)的長字符，這不符合書寫習慣也不利于閱讀，但是這是偶找到比較好的解決辦法。
相關DIV+CSS實例：
- 相關鏈接：
- 教程說明：
DIV+CSS實例-CSS實例：如何讓無空格的長字符在IE和FF下面實現(xiàn)自動換行？
。