如何實現(xiàn)FireFox文本自動換行

2024-07-11 08:42:55

字體：大中小

來源：轉載

供稿：網友

FireFox文本自動換行處理，如何實現(xiàn)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也會是按設定的字符數(shù)換行，但是IE里面支持自動換行，所以只要判斷一下是否為IE，如果不是IE就不要輸出上面的<script language="javascript">toBreakWord(60, "content");</script>
這段JS，如果不是就要輸出。

上一篇：CSS教程：行高line-height屬性(2)

下一篇：CSS讓圖片垂直居中和底端對齊的代碼