第一种: 不能换行,只有一行才能生效

text-overflow: ellipsis：
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

第二种: 指定行数(-webkit-line-clamp：可以把 块容器 中的内容限制为指定的行数。并且在超过行数后，在最后一行显示"…")

display: -webkit-box; /*值必须为-webkit-box或者-webkit-inline-box*/
-webkit-box-orient: vertical; /*值必须为vertical*/
-webkit-line-clamp: 2; /*值为数字，表示一共显示几行*/
overflow: hidden;