首页 » 建站 » WEB研究 » 正文

实现连续长字符在IE与FireFox下自动换行的方法

发表于: 汉林设计信息网-翰林院营销顾问 · 2010-12-7 ·  1,225 views  ·  0 replies 

IE下很简单,给容器比如一个div定义

div{word-wrap:break-word;}

对于firefox,至少现在用CSS是没有办法解决的,大多数是用overflow将撑出的部分隐藏或者加滚动条,因为word-wrap不是css2的标准属性,所以Mozilla不支持这个。既然CSS无法做到,那么只有使用JS的方法了。

首先给这个容器div一个ID“#ff”,然后在页面中插入一段JS

<script type="text/javascript">
function toBreakWord(intLen){
var obj=document.getElementById("ff");
var strContent=obj.innerHTML; 
var strTemp="";
while(strContent.length>intLen){
strTemp+=strContent.substr(0,intLen)+"
"; 
strContent=strContent.substr(intLen,strContent.length); 
}
strTemp+="
"+strContent;
obj.innerHTML=strTemp;
}
if(document.getElementById && !document.all) toBreakWord(40)
</script>

其中最后一句括号中的(40)是每行的字母的数目,不过它不能分辨每个词的长度,就是说英文单词会全部被截断,不管是不是连续的长字符,这不符合书写习惯也不利于阅读,但是这是偶找到比较好的解决办法了。

本文链接: http://www.hanlinweb.com/long-automatic-character-line-feed.html
0 like+
«上一篇: :下一篇»

相关文章

微信为什么会成功?

微信为什么会成功?

  有时候判断一个互联网产品的成败,你都不需要看数据...

学习JavaScript的最佳方法

学习JavaScript的最佳方法

学习新的东西是件可怕的事。对我来说,掌握一项新技能最大...

用流程图教你如何看懂流程图

用流程图教你如何看懂流程图

流程图定义:表示生产过程中事物各个环节进行顺序的简图 流...

CSS3网页导航菜单制作利器

CSS3网页导航菜单制作利器

不少童鞋在做菜单的时候灰常纠结。总是希望有一款快速方便...

iframe自适应高度的方法

iframe自适应高度的方法

不带边框的iframe因为能和网页无缝的结合从而不刷新页面的...

HTML5须知十件事

HTML5须知十件事

一两年前,HTML5似乎还是一个模糊的概念,只有少数几个互联...

0 thoughts on “实现连续长字符在IE与FireFox下自动换行的方法”

  1. 还没有任何评论,你来说两句吧

Leave a reply