列表过多内容使用...隐藏
<td><div style='width:60px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;' title="${item.sd_plan_remark}">${item.sd_plan_remark}</div></td>
只显示两行内容,超过使用省略号代替
<style>
.title {
width: 160px;
height: 35px;
white-space: pre-wrap;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /*截取第二行*/
word-break: break-all;
word-wrap: break-word;
}
</style>
<div class="title" title="${item.title}">${item.title}</div>
网友评论