主頁 > 知識庫 > firefox css自動換行的實現(xiàn)方法

firefox css自動換行的實現(xiàn)方法

熱門標(biāo)簽:隨州外呼系統(tǒng)廠家 南昌電話機器人系統(tǒng) 快速更改地圖標(biāo)注點標(biāo) 地圖標(biāo)注微信好友 南山電話機器人 蘇州做電話機器人 地圖標(biāo)注樓盤 沈陽400電話辦理多少錢 ai電話機器人效果差
IE直接用:
word-break:break-all;  /*允許詞內(nèi)換行*/   
word-wrap:break-word; /*內(nèi)容將在邊界內(nèi)換行*/   
/*需要注意的默認(rèn)是:*/   
word-wrap:normal /*允許內(nèi)容頂開指定的窗口邊界*/   
       而firefox卻沒有很好的實現(xiàn)辦法 ,一個折中方案就是使用滾動條,但網(wǎng)上也提出了一種用js來判斷換行的辦法,這里摘錄下(轉(zhuǎn)自網(wǎng)絡(luò),特此說明)。 JavaScript復(fù)制代碼
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>前面. 

同個頁面單處調(diào)用:

div id="content">這里是要應(yīng)用換行的內(nèi)容/div>script type="javascript">toBreakWord(60, "content");/script>     
同個頁面多處調(diào)用:

div id="content">這里是要應(yīng)用換行的內(nèi)容/div>script type="javascript">toBreakWord(60,"content");/script>         
div id="content2">這里是要應(yīng)用換行的內(nèi)容/div>script type="javascript">toBreakWord(60,"content2");/script>    

       注:把應(yīng)用的JS寫在/div>后面,其中60表示一行要顯示多少字字符,注意多個調(diào)用時ID的相應(yīng)變化,不能同一個ID名稱,應(yīng)用上面的方法后IE也會是按設(shè)定的字符數(shù)換行,但是IE里面支持自動換行,所以只要判斷一下是否為IE,如果不是IE就不要輸出上面的 XML/HTML復(fù)制代碼
script language="javascript">toBreakWord(60, "content");/script>        
這段JS,如果不是就要輸出。代碼未經(jīng)測試,偶只看了思路,有需要的自己去調(diào)試吧!有錯誤給我留言。

標(biāo)簽:濰坊 商洛 深圳 昭通 大同 石家莊 濰坊 玉樹

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《firefox css自動換行的實現(xiàn)方法》,本文關(guān)鍵詞  firefox,css,自,動換,行的,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《firefox css自動換行的實現(xiàn)方法》相關(guān)的同類信息!
  • 本頁收集關(guān)于firefox css自動換行的實現(xiàn)方法的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章