2010.10.09———关于td不换行的问题

最新推荐文章于 2024-02-04 16:20:58 发布

cody123

最新推荐文章于 2024-02-04 16:20:58 发布

阅读量86

点赞数

CC 4.0 BY-SA版权

文章标签： IE CSS

本文链接：https://blog.youkuaiyun.com/cody123/article/details/83775223

本文介绍了一种处理表格中TD标签文本溢出的方法，当TD内文本超过20个字符时，仅显示前20个字符并用“...”代替剩余部分，同时通过设置title属性展示完整内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2010.10.09———关于td不换行的问题

一个表格有的td一行显示有的换行显示这样子这个表格就看着特别乱所有有了这个需求：

当一个td的字符超过了20后应该只显示前20个字符后面跟上“...”这样来显示并且需要给这个td加上一个title属性以便能够看到原来完整的数据

function ttt(id){
	$("#"+id).find("td").each(function(i,o){
		//$(o).attr("nowrap","nowrap");
		$(o).css("white-space","nowrap");
		var td = $(o).contents().not("[nodeType=1]")[0];
		if(td){
			var text = td.nodeValue;
			if(text.length>20){
				$(o).attr("title",text);
				text = text.substring(0,20);
				text += "...";
				$(o).contents().not("[nodeType=1]").replaceWith(text);
			}
		}
	});
}

$(o).attr("nowrap","nowrap");
给td加nowrap="nowrap"属性在ff下面是可以的但是在ie下面加不到td上面就是这句话没有执行似地

所以换了一种方式不加属性改加样式

[color=red]$(o).css("white-space","nowrap");[/color]

这个在ie和ff下面都运行正常