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 相关文章推荐
一个刚完成的layout(拖动流畅,不受iframe影响)
Aug 17 Javascript
关于JS判断图片是否加载完成且获取图片宽度的方法
Apr 09 Javascript
jQuery焦点图切换特效插件封装实例
Aug 18 Javascript
JS获取select的value和text值的简单实例
Feb 26 Javascript
jQuery常用操作方法及常用函数总结
Jun 19 Javascript
JQuery中extend的用法实例分析
Feb 08 Javascript
用JavaScript显示浏览器客户端信息的超相近教程
Jun 18 Javascript
js时钟翻牌效果实现代码分享
Jul 31 Javascript
JS文件上传神器bootstrap fileinput详解
Jan 28 Javascript
JS实现的简易拖放效果示例
Dec 29 Javascript
深入浅析Vue.js中 computed和methods不同机制
Mar 22 Javascript
Node.js事件的正确使用方法
Apr 05 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模板引擎smarty详细介绍
2015/05/26 PHP
浅谈Laravel中的一个后期静态绑定
2017/08/11 PHP
php上传后台无法收到数据解决方法
2019/10/28 PHP
php文件上传原理与实现方法详解
2019/12/20 PHP
php操作redis数据库常见方法实例总结
2020/02/20 PHP
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
2013/03/21 Javascript
jquery修改网页背景颜色通过css方法实现
2014/06/06 Javascript
初步使用bootstrap快速创建页面
2016/03/03 Javascript
JS获取当前使用的浏览器名字以及版本号实现方法
2016/08/19 Javascript
bootstrap选项卡使用方法解析
2017/01/11 Javascript
Vue.js与 ASP.NET Core 服务端渲染功能整合
2017/11/16 Javascript
jQuery实现表单动态添加与删除数据操作示例
2018/07/03 jQuery
解决vue+webpack项目接口跨域出现的问题
2020/08/10 Javascript
[01:46]2018完美盛典章节片——坚守
2018/12/17 DOTA
基于python的汉字转GBK码实现代码
2012/02/19 Python
python uuid模块使用实例
2015/04/08 Python
Python selenium 三种等待方式解读
2016/09/15 Python
python 数据清洗之数据合并、转换、过滤、排序
2017/02/12 Python
Pandas:Series和DataFrame删除指定轴上数据的方法
2018/11/10 Python
python 抓包保存为pcap文件并解析的实例
2019/07/23 Python
python3.7 的新特性详解
2019/07/25 Python
Python Django搭建网站流程图解
2020/06/13 Python
Keras 实现加载预训练模型并冻结网络的层
2020/06/15 Python
django教程如何自学
2020/07/31 Python
python3.8.3安装教程及环境配置的详细教程(64-bit)
2020/11/28 Python
html5画布旋转效果示例
2014/01/27 HTML / CSS
HTML5给汉字加拼音收起展开组件的实现代码
2020/04/08 HTML / CSS
HealthElement海外旗舰店:新西兰大卖场
2018/02/23 全球购物
德国大型和小型家用电器网上商店:Energeto
2019/05/15 全球购物
商务英语专业自荐信
2013/10/14 职场文书
财务分析个人的自荐书范文
2013/11/24 职场文书
2015大学自主招生自荐信范文
2015/03/04 职场文书
CSS 实现Chrome标签栏的技巧
2021/08/04 HTML / CSS
logback 实现给变量指定默认值
2021/08/30 Java/Android
教你使用VS Code的MySQL扩展管理数据库的方法
2022/01/22 MySQL
交互式可视化js库gojs使用介绍及技巧
2022/02/18 Javascript