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

被折叠的 条评论
为什么被折叠?



