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>
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就不起作用了,哪位高手指教一下。- -