火狐下文字自动换行

大家都知道在一长串的字母或数字的情况下是不会换行的,今天我来发表一个,换行的例子
大家都知道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>



就是按我放的顺序就可以了,不仿大家试试


posted @ 2009-06-26 11:38  小郑  阅读(1633)  评论(0编辑  收藏  举报