如何實(shí)現(xiàn)FireFox文本自動(dòng)換行
互聯(lián)網(wǎng) 發(fā)布時(shí)間:2008-10-17 19:24:31 作者:佚名
我要評(píng)論

FireFox文本自動(dòng)換行處理,如何實(shí)現(xiàn)FireFox文本自動(dòng)換行
文本自動(dòng)換行IE中解決方法:
word-wrap:break-word;
word-break:break-all;
注:在要換行的內(nèi)容相應(yīng)的單元格或者DIV里加入,如:
<div style=word-wrap:break-word;></div>或<td style=word
FireFox文本自動(dòng)換行處理,如何實(shí)現(xiàn)FireFox文本自動(dòng)換行
文本自動(dòng)換行IE中解決方法: word-wrap:break-word;
word-break:break-all;
注:在要換行的內(nèi)容相應(yīng)的單元格或者DIV里加入,如: <div style=word-wrap:break-word;></div>或<td style=word-wrap:break-word;></td>
文本自動(dòng)換行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>前面.
調(diào)用時(shí)如下寫(xiě)法:
同個(gè)頁(yè)面單處調(diào)用: <div id="content">這里是要應(yīng)用換行的內(nèi)容</div><script language="javascript">toBreakWord(60, "content");</script>
同個(gè)頁(yè)面多處調(diào)用: <div id="content">這里是要應(yīng)用換行的內(nèi)容</div><script language="javascript">toBreakWord(60, "content");</script>
<div id="content2">這里是要應(yīng)用換行的內(nèi)容</div><script language="javascript">toBreakWord(60, "content2");</script>
注:把應(yīng)用的JS寫(xiě)在</div>后面,其中60表示一行要顯示多少字字符,注意多個(gè)調(diào)用時(shí)ID的相應(yīng)變化,不能同一個(gè)ID名稱(chēng),應(yīng)用上面的方法后IE也會(huì)是按設(shè)定的字符數(shù)換行,但是IE里面支持自動(dòng)換行,所以只要判斷一下是否為IE,如果不是IE就不要輸出上面的 <script language="javascript">toBreakWord(60, "content");</script>
這段JS,如果不是就要輸出。
相關(guān)文章
CSS文本超出div或者span時(shí)用省略號(hào)代替
在項(xiàng)目中我們經(jīng)常需要在文本過(guò)長(zhǎng)時(shí)顯示,將文本超出的部分內(nèi)容用省略號(hào)代替,基于css代碼是怎么實(shí)現(xiàn)的呢?下面腳本之家小編通過(guò)分析本文給大家詳解,感興趣的朋友一起學(xué)習(xí)2016-01-19css實(shí)現(xiàn)li中文本超出行寬自動(dòng)隱藏
li中的文本超出行寬自動(dòng)隱藏,在一些新聞?lì)惖牧斜響?yīng)用中還是比較實(shí)用的,具體的實(shí)現(xiàn)css樣式如下,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-09-29css表格單元格中的長(zhǎng)文本如何實(shí)現(xiàn)自動(dòng)換行
連續(xù)的數(shù)字和英文字符常常將容器撐大,挺讓人頭疼。下面與大家分享下CSS如何實(shí)現(xiàn)換行的方法,從事web前端的朋友可以看看哦2014-10-17css控制文本實(shí)現(xiàn)越界省略號(hào)以及自動(dòng)換行
css文本控制包括越界省略號(hào)以及自動(dòng)換行,具體示例代碼如下,大家可以測(cè)試下2014-03-09CSS網(wǎng)頁(yè)布局強(qiáng)制換行和強(qiáng)制不換行的屬性講解-CSS教程-網(wǎng)頁(yè)制作-網(wǎng)頁(yè)教
在CSS網(wǎng)頁(yè)布局中,常常會(huì)遇到這樣的問(wèn)題,強(qiáng)制文字換行,而不是在一行內(nèi)顯示撐開(kāi)容器影響布局。而有些時(shí)候可能會(huì)強(qiáng)制內(nèi)容不換行,多出的部分隱藏掉即可,關(guān)于強(qiáng)制不換2008-10-17- 這篇文章主要介紹了CSS超出文本指定寬度用省略號(hào)代替和文本不換行的相關(guān)資料,小編覺(jué)的實(shí)用性非常,特此分享到腳本之家平臺(tái),供大家參考2016-05-05