1.需要控制的html加上样式:
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
2.多行溢出
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
3.在纯文字的时候没有问题,当内容是字母或者数字时出现问题,需要加上:
word-break:break-all;
word-wrap: break-word;