关键代码： text-overflow: ellipsis;
但是必须配合
overflow: hidden;和white-space: nowrap;
一起使用
单行文本：
p {
width: 100px;
overflow: hidden;
white-space: nowrap; //取消自动换行
text-overflow: ellipsis;
} 多行文本（
pc端兼容性不好，多用于移动端）：
p{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient: vertical;
}
