DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> 如何實現FireFox文本自動換行
如何實現FireFox文本自動換行
編輯:CSS進階教程     

FireFox文本自動換行處理,如何實現FireFox文本自動換行

文本自動換行IE中解決方法:

word-wrap:break-word;
word-break:break-all;

注:在要換行的內容相應的單元格或者DIV裡加入,如:

<div style=word-wrap:break-word;></div>或<td style=word-wrap:break-word;></td>

文本自動換行FireFox中解決方法(腳本):

<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 language="javascript">toBreakWord(60, "content");</script>

同個頁面多處調用:

<div id="content">這裡是要應用換行的內容</div><script language="javascript">toBreakWord(60, "content");</script>
<div id="content2">這裡是要應用換行的內容</div><script language="javascript">toBreakWord(60, "content2");</script>

注:把應用的JS寫在</div>後面,其中60表示一行要顯示多少字字符,注意多個調用時ID的相應變化,不能同一個ID名稱,應用上面的方法後IE也會是按設定的字符數換行,但是IE裡面支持自動換行,所以只要判斷一下是否為IE,如果不是IE就不要輸出上面的

<script language="javascript">toBreakWord(60, "content");</script>

這段JS,如果不是就要輸出。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved