当我们要设置文字太长显示省略号时可以这么设置:
.box {
-webkit-line-clamp: n; /* 设置超出n行时文字省略 */
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
另外单行文字省略还有另外一种办法:
.box{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}