js實(shí)現(xiàn)連續(xù)英文字符自動(dòng)換行兼容ie6 ie7和firefox
更新時(shí)間：2013年09月06日 15:25:09 作者：
英文字符自動(dòng)換行,通過(guò)js腳本截?cái)嘧址?此方法通用ie6,ie7,firefox，使用CSS控制強(qiáng)制換行實(shí)現(xiàn)不了的朋友可以嘗試下
復(fù)制代碼 代碼如下:
irefox中連續(xù)英文字符如果要CSS控制強(qiáng)制換行，探索了N久，發(fā)現(xiàn)是實(shí)現(xiàn)不了的逼不得已的時(shí)候就用js腳本進(jìn)行控制吧
英文字符自動(dòng)換行,通過(guò)js腳本截?cái)嘧址?此方法通用ie6,ie7,firefox兼容解決辦法
<!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>js實(shí)現(xiàn)連續(xù)英文字符自動(dòng)換行</title>
</head>
<body>
<div id="ff" style="width:500px;background:#f3f3f3;">sssssssssssssssss
sssssssssssssssssssssssssssssssssssssssssssssssss</div>
<script>
function toBreakWord(intLen){
var obj=document.getElementById("ff");//文字內(nèi)容所在容器的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;
}
toBreakWord(50);//一行的最大字符數(shù)
</script>
</body>
</html>
相關(guān)文章
js 提取某()特殊字符串長(zhǎng)度的實(shí)例
下面小編就為大家分享一篇js 提取某()特殊字符串長(zhǎng)度的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
這篇文章主要給大家介紹了關(guān)于JavaScript中Map遍歷方法的相關(guān)資料,Map是一組鍵值對(duì)的結(jié)構(gòu),具有極快的查找速度,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11
本文是小編日常收集整理的有個(gè)js中的一些小技能，非常實(shí)用，值得推薦給大家，感興趣的朋友快來(lái)收藏吧2016-06-06
所有瀏覽器通用的js添加收藏夾代碼，本文整理了多種方法實(shí)現(xiàn)加入收藏夾功能，下面為大家詳細(xì)介紹下實(shí)現(xiàn)代碼，感興趣的朋友可以參考下哈2013-05-05
javascript改變position值實(shí)現(xiàn)菜單滾動(dòng)至頂部后固定
現(xiàn)在很多網(wǎng)站都有這樣的一個(gè)效果，當(dāng)頁(yè)面滾動(dòng)到一定高度時(shí)，菜單欄會(huì)固定在頁(yè)面頂部;該效果在 ie6 下不支持，因?yàn)閕e6不支持 position:fixed,效果很不錯(cuò)，感興趣的朋友可以了解下啊2013-01-01
原生js實(shí)現(xiàn)簡(jiǎn)單滑動(dòng)解鎖功能?js實(shí)現(xiàn)滑動(dòng)拼圖解鎖
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)簡(jiǎn)單滑動(dòng)解鎖功能，js實(shí)現(xiàn)滑動(dòng)拼圖解鎖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
深入理解移動(dòng)前端開(kāi)發(fā)之viewport
這篇文章主要介紹了移動(dòng)前端開(kāi)發(fā)之viewport的相關(guān)知識(shí)，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-10-10
BootStrap智能表單實(shí)戰(zhàn)系列(十一)級(jí)聯(lián)下拉的支持
這篇文章主要介紹了BootStrap智能表單實(shí)戰(zhàn)系列(十一)級(jí)聯(lián)下拉的支持 的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
javascript實(shí)現(xiàn)拍照功能詳細(xì)示例代碼
這篇文章主要給大家介紹了關(guān)于javascript實(shí)現(xiàn)拍照功能的相關(guān)資料, 最近做項(xiàng)目,遇到一個(gè)正常但又少見(jiàn)的需求之拍照,文中給出了詳細(xì)的代碼示例,需要的朋友可以參考下2023-07-07
ECharts柱狀排名圖柱子上方顯示文字與圖標(biāo)代碼實(shí)例
我們?cè)诶L制柱狀圖時(shí)如果想要柱條上顯示文字,可以參考本文,這篇文章主要給大家介紹了關(guān)于ECharts柱狀排名圖柱子上方顯示文字與圖標(biāo)的相關(guān)資料,需要的朋友可以參考下2023-11-11