js实现连续英文字符自动换行兼容ie6 ie7和firefox


Posted in Javascript onSeptember 06, 2013
irefox中连续英文字符如果要CSS控制强制换行,探索了N久,发现是实现不了的逼不得已的时候就用js脚本进行控制吧 英文字符自动换行,通过js脚本截断字符串,此方法通用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实现连续英文字符自动换行</title> 
</head> 
<body> 
<div id="ff" style="width:500px;background:#f3f3f3;">sssssssssssssssss 
sssssssssssssssssssssssssssssssssssssssssssssssss</div> 
<script> 
function toBreakWord(intLen){ 
var obj=document.getElementById("ff");//文字内容所在容器的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);//一行的最大字符数 
</script> 
</body> 
</html>
Javascript 相关文章推荐
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
Nov 30 Javascript
jquery 表单验证之通过 class验证表单不为空
Nov 02 Javascript
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
Dec 02 Javascript
jQuery弹出div层过2秒自动消失
Nov 29 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
Jan 01 Javascript
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
Jan 21 Javascript
JavaScript纯色二维码变成彩色二维码
Jul 23 Javascript
浅谈HTTP 缓存的那些事儿
Oct 17 Javascript
微信小程序中如何计算距离某个节日还有多少天
Jul 15 Javascript
vue使用require.context实现动态注册路由
Dec 25 Vue.js
利用Vue实现简易播放器的完整代码
Dec 30 Vue.js
JS canvas实现画板和签字板功能
Feb 23 Javascript
让网页跳转到指定位置的jquery代码非书签
Sep 06 #Javascript
jquery中prop()方法和attr()方法的区别浅析
Sep 06 #Javascript
CheckBoxList多选样式jquery、C#获取选择项
Sep 06 #Javascript
jquery阻止冒泡事件使用模拟事件
Sep 06 #Javascript
Jquery的hover方法让鼠标经过li时背景变色
Sep 06 #Javascript
Jquery的hide及toggle方法让超链接慢慢消失
Sep 06 #Javascript
JS远程获取网页源代码实例
Sep 05 #Javascript
You might like
php模拟登陆的实现方法分析
2015/01/09 PHP
javascript 动态参数判空操作
2008/12/22 Javascript
javascript EXCEL 操作类代码
2009/07/30 Javascript
jquery indexOf使用方法
2013/08/19 Javascript
解析Javascript小括号“()”的多义性
2013/12/03 Javascript
动态添加option及createElement使用示例
2014/01/26 Javascript
特殊情况下如何获取span里面的值
2014/05/20 Javascript
js实现宇宙星空背景效果的方法
2015/03/03 Javascript
图解Sublime Text3使用技巧
2015/12/21 Javascript
javascript中的3种继承实现方法
2016/01/27 Javascript
JS获取复选框的值,并传递到后台的实现方法
2016/05/30 Javascript
浅谈regExp的test方法取得的值变化的原因及处理方法
2017/03/01 Javascript
一文让你彻底搞清楚javascript中的require、import与export
2017/09/24 Javascript
vue2.0 如何把子组件的数据传给父组件(推荐)
2018/01/15 Javascript
webpack之devtool详解
2018/02/10 Javascript
VUE脚手架具体使用方法
2019/05/20 Javascript
微信小程序 弹窗输入组件的实现解析
2019/08/12 Javascript
JavaScript获取某一天所在的星期
2019/09/05 Javascript
js 递归json树实现根据子id查父id的方法分析
2019/11/08 Javascript
使用typescript改造koa开发框架的实现
2020/02/04 Javascript
vue实现页面切换滑动效果
2020/06/29 Javascript
[41:12]Liquid vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.24
2019/09/10 DOTA
python3 实现爬取TOP500的音乐信息并存储到mongoDB数据库中
2019/08/24 Python
Python使用__new__()方法为对象分配内存及返回对象的引用示例
2019/09/20 Python
如何基于Python获取图片的物理尺寸
2019/11/25 Python
Python使用cn2an实现中文数字与阿拉伯数字的相互转换
2021/03/02 Python
Canvas高级路径操作之拖拽对象的实现
2019/08/05 HTML / CSS
经济信息管理专业大学生求职信
2013/09/27 职场文书
毕业设计计划书
2014/01/09 职场文书
中学生获奖感言
2014/02/04 职场文书
化妆品活动策划方案
2014/05/23 职场文书
2014年教师节国旗下讲话稿
2014/09/10 职场文书
民事诉讼代理委托书
2014/10/08 职场文书
2016年学校党支部公开承诺书
2016/03/25 职场文书
MySQL窗口函数的具体使用
2021/11/17 MySQL
MySQL新手入门进阶语句汇总
2022/09/23 MySQL