具体实际效果图 #xff1a; 马上上编号 #xff1a; .line1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }2、在二内行人显示信息信息内容 #xff0c;超过的打省掉号 具体实际效果图 #xff1a; 马上上编号&am…

1、仅有在一内行人人显示信息信息内容 超出的变为省掉号 具体实际效果图

马上上编号

.line1 {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;

2、在二内行人显示信息信息内容 超过的打省掉号 具体实际效果图

马上上编号

.line2 {
 word-break: break-all;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;