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实现的元素拖动函数宿主为浏览器
Jul 21 Javascript
jQuery中:input选择器用法实例
Jan 03 Javascript
jQuery使用之处理页面元素用法实例
Jan 19 Javascript
javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码
Aug 04 Javascript
原生js和jquery分别实现横向导航菜单效果
May 13 Javascript
Bootstrap源码解读导航(6)
Dec 23 Javascript
BootStrop前端框架入门教程详解
Dec 25 Javascript
JavaScript实现弹窗效果代码分析
Mar 09 Javascript
用vue构建多页面应用的示例代码
Sep 20 Javascript
基于vue,vue-router, vuex及addRoutes进行权限控制问题
May 02 Javascript
vue多次循环操作示例
Feb 08 Javascript
gojs实现蚂蚁线动画效果
Feb 18 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
2020最新CPU的性能排名
2020/04/02 数码科技
回答PHPCHINA上的几个问题:URL映射
2007/02/14 PHP
PHP的异常处理类Exception的使用及说明
2012/06/13 PHP
学习php设计模式 php实现桥梁模式(bridge)
2015/12/07 PHP
Zend Framework框架之Zend_Mail实现发送Email邮件验证功能及解决标题乱码的方法
2016/03/21 PHP
PHP时间日期增减操作示例【date strtotime实现加一天、加一月等操作】
2018/12/21 PHP
juqery 学习之五 文档处理 包裹、替换、删除、复制
2011/02/11 Javascript
一行代码实现纯数据json对象的深度克隆实现思路
2013/01/09 Javascript
jQuery之选择组件的深入解析
2013/06/19 Javascript
JS常用函数使用指南
2014/11/23 Javascript
js仿土豆网带缩略图的焦点图片切换效果实现方法
2015/02/23 Javascript
Javascript中使用parseInt函数需要注意的问题
2015/04/02 Javascript
Easyui Tree获取当前选择节点的所有顶级父节点
2017/02/14 Javascript
swiper 解决动态加载数据滑动失效的问题
2018/02/26 Javascript
vue2.0 可折叠列表 v-for循环展示的实例
2018/09/07 Javascript
vue实现评论列表功能
2019/10/25 Javascript
vue ssr服务端渲染(小白解惑)
2019/11/10 Javascript
JS实现网页时钟特效
2020/03/25 Javascript
从Python的源码浅要剖析Python的内存管理
2015/04/16 Python
在java中如何定义一个抽象属性示例详解
2017/08/18 Python
Python自定义函数计算给定日期是该年第几天的方法示例
2019/05/30 Python
基于Python实现人脸自动戴口罩系统
2020/02/06 Python
Python 存取npy格式数据实例
2020/07/01 Python
HTML5新增的8类INPUT输入类型介绍
2015/07/06 HTML / CSS
DBA数据库管理员JAVA程序员架构师必看
2016/02/07 面试题
介绍一下Linux文件的记录形式
2012/04/18 面试题
质检的岗位职责
2013/11/17 职场文书
酒店中秋节促销方案
2014/01/30 职场文书
工地质量标语
2014/06/12 职场文书
开发房地产协议书
2014/09/14 职场文书
2014和解协议书范文
2014/09/15 职场文书
停车位租赁协议书
2014/09/24 职场文书
党员自我剖析材料(群众路线)
2014/10/06 职场文书
同事打架检讨书
2015/05/06 职场文书
四年级作文之说明文作文
2019/10/14 职场文书
springboot + mongodb 通过经纬度坐标匹配平面区域的方法
2021/11/01 MongoDB