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 相关文章推荐
探索Emberjs制作一个简单的Todo应用
Nov 07 Javascript
将json当数据库一样操作的javascript lib
Oct 28 Javascript
jQuery简单实现banner图片切换
Jan 02 Javascript
JQuery的Ajax请求实现局部刷新的简单实例
Feb 11 Javascript
原生js和jQuery写的网页选项卡特效对比
Apr 27 Javascript
利用JavaScript脚本实现滚屏效果的方法
Jul 07 Javascript
JS版元素周期表实现方法
Aug 05 Javascript
JavaScript队列的应用实例详解【经典数据结构】
Apr 12 Javascript
Vue.js移动端左滑删除组件的实现代码
Sep 08 Javascript
Vue.js组件间通信方式总结【推荐】
Nov 23 Javascript
layUI实现前端分页和后端分页
Jul 27 Javascript
node.js爬虫框架node-crawler初体验
Oct 29 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
Smarty模板快速入门
2007/01/04 PHP
Windows下IIS6/Apache2.2.4+MySQL5.2+PHP5.2.1安装配置方法
2007/05/03 PHP
php 引用(&amp;)详解
2009/11/20 PHP
用PHP实现小写金额转换大写金额的代码(精确到分)
2012/01/10 PHP
php格式化日期实例分析
2014/11/12 PHP
php中socket通信机制实例详解
2015/01/03 PHP
php pdo oracle中文乱码的快速解决方法
2016/05/16 PHP
微信公众平台开发教程①获取用户Openid及个人信息图文详解
2019/04/10 PHP
Laravel框架Request、Response及Session操作示例
2019/05/06 PHP
Thinkphp5框架简单实现钩子(Hook)行为的方法示例
2019/09/03 PHP
理解Javascript_11_constructor实现原理
2010/10/18 Javascript
给页面渲染时间加速 干掉Dom Level 0 Event
2012/12/19 Javascript
JavaScript设计模式之单例模式实例
2014/09/24 Javascript
Jquery常用的方法汇总
2015/09/01 Javascript
详解angularjs中如何实现控制器和指令之间交互
2017/05/31 Javascript
深入探究angular2 UI组件之primeNG用法
2017/07/26 Javascript
Node.js  事件循环详解及实例
2017/08/06 Javascript
ajax+node+request爬取网络图片的实例(宅男福利)
2017/08/28 Javascript
JS库中的Particles.js在vue上的运用案例分析
2017/09/13 Javascript
详解Chart.js轻量级图表库的使用经验
2018/05/22 Javascript
分享5个好用的javascript文件上传插件
2018/09/16 Javascript
手把手教你 CKEDITOR 4 扩展插件制作
2019/06/18 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
2019/09/26 Javascript
python操作MySQL 模拟简单银行转账操作
2017/09/27 Python
讲解Python3中NumPy数组寻找特定元素下标的两种方法
2019/08/04 Python
使用python os模块复制文件到指定文件夹的方法
2019/08/22 Python
Python中字典与恒等运算符的用法分析
2019/08/22 Python
Python 3.6 中使用pdfminer解析pdf文件的实现
2019/09/25 Python
三个python爬虫项目实例代码
2019/12/28 Python
Python利用Faiss库实现ANN近邻搜索的方法详解
2020/08/03 Python
美国购买和销售礼品卡平台:Raise
2017/01/13 全球购物
信息技术培训感言
2014/03/06 职场文书
户籍证明模板
2014/09/28 职场文书
2014年最新离婚协议书范本
2014/10/11 职场文书
中英文求职信范文
2015/03/19 职场文书
Spring mvc是如何实现与数据库的前后端的连接操作的?
2021/06/30 Java/Android