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

来源:互联网 发布:隼龙 知乎 编辑:程序博客网 时间:2024/05/01 00:55

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>

原创粉丝点击