文本超长溢出省略号

1.单行文本

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

2.多行文本

.div{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; //文本行数
overflow-wrap: break-word;
}