第一种: 不能换行,只有一行才能生效
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;