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 27 Javascript
Jquery图片滚动与幻灯片的实例代码
Apr 08 Javascript
jquery监听div内容的变化具体实现思路
Nov 04 Javascript
原生js结合html5制作简易的双色子游戏
Mar 30 Javascript
javascript实现百度地图鼠标滑动事件显示、隐藏
Apr 02 Javascript
基于JS实现Android,iOS一个手势动画效果
Apr 27 Javascript
js关于getImageData跨域问题的解决方法
Oct 14 Javascript
使用SVG基本操作API的实例讲解
Sep 14 Javascript
微信小程序自定义轮播图
Nov 04 Javascript
Cookbook组件形式:优化 Vue 组件的运行时性能
Nov 25 Javascript
VUE脚手架具体使用方法
May 20 Javascript
Vue编程式跳转的实例代码详解
Jul 10 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动态变静态原理
2006/11/25 PHP
一些PHP写的小东西
2006/12/06 PHP
PHP 文件上传进度条的两种实现方法的代码
2007/11/25 PHP
php at(@)符号的用法简介
2009/07/11 PHP
php实现格式化多行文本为Js可用格式
2015/04/15 PHP
php实现每日签到功能
2018/11/29 PHP
thinkPHP5.1框架使用SemanticUI实现分页功能示例
2019/08/03 PHP
php5与php7的区别点总结
2019/10/11 PHP
php ActiveMQ的安装与使用方法图文教程
2020/02/23 PHP
javascript 有趣而诡异的数组
2009/04/06 Javascript
详解ajax的data参数错误导致页面崩溃
2018/04/30 Javascript
详解Vue.js v-for不支持IE9的解决方法
2018/12/29 Javascript
学习node.js 断言的使用详解
2019/03/18 Javascript
微信小程序视图控件与bindtap之间的问题的解决
2019/04/08 Javascript
微信小程序云开发之使用云函数
2019/05/17 Javascript
Vue的click事件防抖和节流处理详解
2019/11/13 Javascript
es6函数name属性功能与用法实例分析
2020/04/18 Javascript
如何利用node转发请求详解
2020/09/17 Javascript
Python3.0与2.X版本的区别实例分析
2014/08/25 Python
基于循环神经网络(RNN)的古诗生成器
2018/03/26 Python
图解Python变量与赋值
2018/04/03 Python
如何在Cloud Studio上执行Python代码?
2019/08/09 Python
Python利用matplotlib绘制约数个数统计图示例
2019/11/26 Python
Django restframework 框架认证、权限、限流用法示例
2019/12/21 Python
matplotlib 对坐标的控制,加图例注释的操作
2020/04/17 Python
Python自动创建Excel并获取内容
2020/09/16 Python
阿玛尼美国官方网站:Armani.com
2016/11/25 全球购物
马云的职业生涯规划之路
2014/01/01 职场文书
师德建设实施方案
2014/03/21 职场文书
动物科学专业求职信
2014/07/27 职场文书
小学生感恩老师演讲稿
2014/08/28 职场文书
简单租房协议书
2014/10/21 职场文书
教师辞职信范文
2015/02/28 职场文书
公司酒会致辞
2015/07/30 职场文书
《纸船和风筝》教学反思
2016/02/18 职场文书
让JavaScript代码更加精简的方法技巧
2022/06/01 Javascript