js实现连续英文字符自动换行兼容ie6 ie7和firefox
更新时间：2013年09月06日 15:25:09 作者：
英文字符自动换行,通过js脚本截断字符串,此方法通用ie6,ie7,firefox，使用CSS控制强制换行实现不了的朋友可以尝试下
复制代码 代码如下:
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>
相关文章
使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能
由于微信小程序没有提供类似 Image 这样的 JS 对象，要实现图片的预加载要麻烦一些，wxapp-img-loader自定义组件可以在微信小程序中实现图片预加载功能,需要的朋友可以参考下2018-10-10
Object.assign方法用于对象的合并，将源对象（ source ）的所有可枚举属性，复制到目标对象（ target ），下面这篇文章主要给大家介绍了关于ES6中新增的Object.assign()方法的相关资料，需要的朋友可以参考下。2017-09-09
今天把项目生成好后，发布到万维网上进行测试，发现table的隔行换色在IE8，chorem中不能正常显示。找了许多资料，CSS看样是不能解决，只能用JS来控制了2010-07-07
这篇文章主要介绍了网页爬虫之cookie自动获取及过期自动更新的实现方法,需要的朋友可以参考下2018-03-03
本文主要介绍了用move.js库实现百叶窗特效的思路与方法。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要介绍了使用Javascript实现图片加载从模糊到清晰显示的方法,通俗易懂,需要的朋友可以参考下。2016-06-06
这篇文章主要介绍了基于 Immutable.js 实现撤销重做功能及一些需要注意的地方,需要的朋友可以参考下2018-03-03
这篇文章主要介绍了JS实现导航下拉菜单效果，用原生JS实现的一个导航下拉菜单，下拉菜单的宽度与浏览器视口的宽度一样，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
JavaScript实现图片本地预览功能【不用上传至服务器】
这篇文章主要介绍了JavaScript实现图片本地预览功能,针对非IE浏览器的HTML5滤镜功能及IE浏览器的相关组件功能实现不上传至服务器预览本地图片的效果,需要的朋友可以参考下2017-09-09
说明: 略作修改,主要是一些很初级的操作; 又很多相似的文章,不过这个很权威2008-08-08
最新评论