
IE直接用:
word-break:break-all; /*允許詞內換行*/
word-wrap:break-word; /*內容將在邊界內換行*/
/*需要注意的默認是:*/
word-wrap:normal /*允許內容頂開指定的窗口邊界*/
而firefox卻沒有很好的實現辦法 ,一個折中方案就是使用滾動條,但網上也提出了一種用js來判斷換行的辦法,這里摘錄下(轉自網絡,特此說明)。 JavaScript復制代碼
<script type="text/javascript">
function toBreakWord(intLen, id){
var obj=document.getElementById(id);
var strContent=obj.innerHTML;
var strTemp="";
while(strContent.length>intLen){
strTemp+=strContent.substr(0,intLen)+"<br>";
strContent=strContent.substr(intLen,strContent.length);
}
strTemp+= strContent;
obj.innerHTML=strTemp;
}
</script>
注:以上腳本放在</head>前面.
同個頁面單處調用:
<div id="content">這里是要應用換行的內容</div><script type="javascript">toBreakWord(60, "content");</script>
同個頁面多處調用:
<div id="content">這里是要應用換行的內容</div><script type="javascript">toBreakWord(60,"content");</script>
<div id="content2">這里是要應用換行的內容</div><script type="javascript">toBreakWord(60,"content2");</script>
注:把應用的JS寫在</div>后面,其中60表示一行要顯示多少字字符,注意多個調用時ID的相應變化,不能同一個ID名稱,應用上面的方法后IE也會是按設定的字符數換行,但是IE里面支持自動換行,所以只要判斷一下是否為IE,如果不是IE就不要輸出上面的 XML/HTML復制代碼
<script language="javascript">toBreakWord(60, "content");</script>
這段JS,如果不是就要輸出。代碼未經測試,偶只看了思路,有需要的自己去調試吧!有錯誤給我留言。