web标准常见问题--FF下如何使连续长字段自动换行

Code

 通常情况下我们可以添加(word-wrap:break-word; display:none;)来实现。在IE浏览器中没有问题,但是firefox不支持换行,我们可以通过js达到换行的效果

    <script language="javascript">
    function tobreakword(intLen)
{
        
//获取id=ff的容器
        var obj = document.getElementById("ff");
        
//获取id=ff容器内容的html
        var strContent = obj.innerHTML;
        
//定义一个空字符串
        var strTemp = "";
        
//使用while循环给strContent添加换行
        while(strContent.length > intLen){
            
//截取0-intLen之间的字符串之后添加换行
            strTemp += strContent.substr(0,intLen)+" ";
            strContent 
= strContent.substr(intLen,strContent.length);            
            }
        
        strTemp 
+= " " + strContent;
        
//把最终的strTemp添加到obj中
        obj.innerHTML=strTemp;
        }

        
//判断是否是firfox浏览器
        if(document.getElementById && !document.all)  tobreakword(56);
    
</script>

 不过个这js不是很灵活需要根据容器的宽度手动更改intLen的值。

完整代码:

Code

不过有个问题不明白,当我把js添加到head中时,js就不起作用了,哪位高手指教一下。- -

posted @ 2009-08-04 15:46  郭培  阅读(444)  评论(0编辑  收藏  举报