您的位置:首页 > 其它

让table中的td文字自动换行(IE与fireFox)

2011-05-26 14:51 429 查看
td中英文数字(中文好像不存在这样的问题)自动换行的问题,有可能困扰很多从事网页设计的朋友,因为多个浏览器理解存在差异;
关于td的换行,在IE中用style=word-wrap:break-word;就可以解决,
关键是在非IE中,如fireFox中style=word-wrap:break-word就不起作用了,所以只能用javascript来解决了
下面的代码放在html的head标签里
<script type="text/javascript">
function WordWrap(textlength, id){
var obj=document.getElementById(id);
var strText=obj.innerHTML;
var tem="";
while(strText.length>textlength){
tem+=strText.substr(0,textlength)+"<br/>";
strText=strText.substr(textlength,strText.length);
}
tem+= strContent;
obj.innerHTML=tem;
}
</script>
在需要换行的TD调用如下:
<td id='myId' width='10'>welcome to haixing sky!...</td>
<script type='javascript'>WordWrap(10,myId);</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: