您的位置:首页 > 其它

火狐下文字自动换行

2009-06-26 11:38 295 查看
大家都知道在一长串的字母或数字的情况下是不会换行的,今天我来发表一个,换行的例子
大家都知道ie是有办法换行的word-wrap:break-word; 但是火狐是不认识它的,这就的用js来完成

css:

<style type="text/css">

/*

div {

width:300px;

word-wrap:break-word;

border:1px solid red;

}

*/

</style>

html:

<div id="ff">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

js:是关键

<script type="text/javascript">

// <![CDATA[

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(37)

// ]]>

</script>

就是按我放的顺序就可以了,不仿大家试试
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: