基于javascript的在火狐里面強(qiáng)制換行字符

2019-11-21 00:25:46

字體：大中小

供稿：網(wǎng)友

效果演示代碼:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>firefox-break-word</title> <style type="text/css"> <![CDATA[/*> </style> </head> <body> <div   class="iwvjtn8m0"   id="break"> If there were less sympathy in the world, there would be less trouble in the world. ( O. Wilde ) </div> <script> function toBreakWord(intLen){ var obj=document.getElementById("ff"); var strContent=obj.innerHTML; var strTemp=""; while(strContent.length>intLen){ strTemp+=strContent.substr(0,intLen)+""; strContent=strContent.substr(intLen,strContent.length); } strTemp+=""+strContent; obj.innerHTML=strTemp; } if(document.getElementById && !document.all) toBreakWord(37) </script> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

CSS控制強(qiáng)制換行/強(qiáng)制換行

強(qiáng)制不換行
div{
white-space:nowrap;
}

自動(dòng)換行
div{
word-wrap: break-word;
word-break: normal;
}

強(qiáng)制英文單詞斷行
div{
word-break:break-all;
}

上一篇：jQuery+jqmodal彈出窗口實(shí)現(xiàn)代碼分明

下一篇：ExtJS 設(shè)置級(jí)聯(lián)菜單的默認(rèn)值