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跑马灯悬停放大效果实现代码
Dec 12 Javascript
解决JQeury显示内容没有边距内容紧挨着浏览器边线
Dec 20 Javascript
使用C++为node.js写扩展模块
Apr 22 Javascript
JavaScript使表单中的内容显示在屏幕上的方法
Jun 29 Javascript
详解JavaScript函数
Dec 01 Javascript
Fullpage.js固定导航栏-实现定位导航栏
Mar 17 Javascript
基于javascript实现图片滑动效果
May 07 Javascript
Ubuntu系统下Angularjs开发环境安装
Sep 01 Javascript
基于JavaScript实现自定义滚动条
Jan 25 Javascript
vue+iview+less+echarts实战项目总结
Feb 22 Javascript
jQuery基于闭包实现的显示与隐藏div功能示例
Jun 09 jQuery
webpack+vue-cli项目中引入外部非模块格式js的方法
Sep 28 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 清除网页病毒的方法
2008/12/05 PHP
PHP ? EasyUI DataGrid 资料存的方式介绍
2012/11/07 PHP
php日历制作代码分享
2014/01/20 PHP
PHP中isset()和unset()函数的用法小结
2014/03/11 PHP
ThinkPHP实现将SESSION存入MYSQL的方法
2014/07/22 PHP
Yii框架中 find findAll 查找出制定的字段的方法对比
2014/09/10 PHP
WordPress中给媒体文件添加分类和标签的PHP功能实现
2015/12/31 PHP
php表单处理操作
2017/11/16 PHP
jQuery学习笔记之jQuery的事件
2010/12/22 Javascript
下拉菜单点击实现连接跳转功能的js代码
2013/05/19 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
2014/05/04 Javascript
Javascript Memoizer浅析
2014/10/16 Javascript
js实现缓冲运动效果的方法
2015/04/10 Javascript
js库Modernizr的介绍和使用
2015/05/07 Javascript
jQueryUI中的datepicker使用方法详解
2016/05/25 Javascript
jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】
2016/09/21 Javascript
Dropzone.js实现文件拖拽上传功能(附源码下载)
2016/11/22 Javascript
利用JQuery阻止事件冒泡
2016/12/01 Javascript
基于javascript实现数字英文验证码
2017/01/25 Javascript
JavaScript数据结构之广义表的定义与表示方法详解
2017/04/12 Javascript
神级程序员JavaScript300行代码搞定汉字转拼音
2017/05/20 Javascript
详解Vue中过度动画效果应用
2017/05/25 Javascript
从parcel.js打包出错到选择nvm的全部过程
2018/01/23 Javascript
360doc网站不登录就无法复制内容的解决方法
2018/01/27 Javascript
vue移动端使用canvas签名的实现
2020/01/15 Javascript
解决vant-UI库修改样式无效的问题
2020/11/03 Javascript
[51:26]VP vs VG 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Request的中断和ErrorHandler实例解析
2018/02/12 Python
对python多线程与global变量详解
2018/11/09 Python
晚会邀请函范文
2014/01/24 职场文书
2014年公司植树节活动方案
2014/03/04 职场文书
社区务虚会发言材料
2014/10/20 职场文书
银行招聘自荐信
2015/03/06 职场文书
CI Games宣布《堕落之王2》使用虚幻引擎5制作 预计将于2023年正式发售
2022/04/11 其他游戏
Rust中的Struct使用示例详解
2022/08/14 Javascript
MySQL数据管理操作示例讲解
2022/12/24 MySQL