Jquery控制表格样式，使td里的内容自动换行

最新推荐文章于 2024-07-21 03:02:49 发布

iteye_7334

最新推荐文章于 2024-07-21 03:02:49 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_7334/article/details/82095492

本文介绍了一种使HTML表格中的单元格内容自动换行的方法。通过定义CSS样式和使用JavaScript函数，可以确保当表格宽度固定时，单元格内的文本能够自动换行显示，避免溢出。适用于希望改善网页布局与用户体验的前端开发者。

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

1.先在页面上或css文件里定义一个样式：

/*
* 使td里的内容自动换行
*/
.td-wrap{
word-wrap:break-word;
}

2.定义函数：

/**
* @attrTdsWordWrap 使td里的内容自动换行
*/
function attrTdsWordWrap(){
$('td').each(function(){//获得页面上所有的td，进行each循环遍历，并对每个td进行操作
var td = $(this);//得到本次循环里的这个td
td.addClass("td-wrap");//给td添加样式td-wrap
})
}

备注，html页面里的table设置了width="100%"