首頁 > web前端 > css教學 > 主體

firefox css自動換行的實作方法_經驗交流

WBOY
發布: 2016-05-16 12:05:08
原創
2048 人瀏覽過

IE直接用:
word-break:break-all;  /*允許詞內換行*/   
word-wrap:break-word; /*內容在邊界內換行*/   
/*需要注意的預設是:*/   
word-wrap:normal /*允許內容頂開指定的視窗邊界*/   
       而firefox卻沒有很好的實現方法 ,且一個折中方案就是使用滾動條,但網路上也提出了一種用js來判斷換行的辦法,這裡摘錄下(轉自網絡,特此說明)。 JavaScript複製程式碼
<script>     <BR>function toBreakWord(intLen, id){     <BR>    var obj=document.getElementById(id);     <BR>    var strContent=obj.innerHTML;      <BR>    var strTemp="";     <BR>    while(strContent.length>intLen){     <BR>        strTemp+=strContent.substr(0,intLen)+"<br>";      <BR>        strContent=strContent.substr(intLen,strContent.length);      <BR>    }     <BR>    strTemp+= strContent;     <BR>    obj.innerHTML=strTemp;     <BR>}     <BR></script>   
附註:以上腳本放在前面. 

同頁單處呼叫:

這裡是要套用換行的內容
<script>toBreakWord(60, "content");</script>     
同頁多處呼叫:

這裡是要應用換行的內容
  這裡是要應用換行的內容<script>toBreakWord(60,"content2");</script>    

       注:將應用的JS寫在後面,其中60表示一行要顯示多少字字符,注意多個呼叫時ID的對應變化,不能同一個ID名稱,應用上面的方法後IE也會是按設定的字元數換行,但是IE裡面支援自動換行,所以只要判斷一下是否為IE,如果不是IE就不要輸出上面的 XML/HTML複製程式碼
<script>toBreakWord(60, "content");</script>        
這段JS,如果不是就要輸出。程式碼未經測試,偶然就只看了思路,有需要的自己去調試吧!有錯誤給我留言。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板