让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>
关于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>
相关文章推荐
- #CSS#在设定table为百分比时,如何实现火狐,Chrome下TD内容文字超出时自动换行?
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- table-layout:fixed 属性的解说(文字强制换行)IE与firefox兼容问题
- table的td文字过长时自动换行
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- table 表格 td设置宽度后文字太多自动换行
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- table表格td 内容自动换行
- CSS实现文字自动换行(兼容IE和火狐)
- 在js中为table自动添加和删除一行 (IE和firefox兼容)
- html table td 宽度 固定,自动换行设置
- Table中td不自动换行
- Table文字自动换行
- css处理过长文字自动隐藏(兼容IE和firefox)
- 解决文字过长,表格被撑大,自动换行,文字超出,切割(关于table内文字换行 )
- Html table td 内容自动换行
- CSS设置table 中td的内容自动换行