HTML让table表格中的td单元格内容过长显示为固定长度,多余部分用省略号代替

位置:首页 / 新闻中心 / 知识教程

知识教程 Admin 2024-02-23 18:15:54 2226

总体操作方法:

td里面的内容放在div里面,在div身上也加上这个样式,如果想要鼠标滑过时显示全文本,可以给div加上title属性。

在要控制宽度的td和th加上以下样式:
样式:

.wrap{
 
width: 150px; //设置需要固定的宽度
 
white-space: nowrap; //不换行
 
text-overflow: ellipsis; //超出部分用....代替
 
overflow: hidden; //超出隐藏
}
 
html代码:
 
 
<{$row[ 'productname']}>
 
 

效果如下:

以上就是“HTML让table表格中的td单元格内容过长显示为固定长度,多余部分用省略号代替”的详细内容,更多请关注木子天禾科技其它相关文章!


以上就是“HTML让table表格中的td单元格内容过长显示为固定长度,多余部分用省略号代替”的详细内容,更多请关注木子天禾科技其它相关文章!

15934152105 扫描微信