两种情况:
1、只需要显示一行,超过的省略号处理
text{
overflow:hidden; //超出一行文字自动隐藏
text-overflow:ellipsis; //文字隐藏后添加省略号
white-space:nowrap; //强制不换行
}
2、如果在多行的情况下
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
/*! autoprefixer: off */
-webkit-box-orient: vertical;

本文介绍如何使用CSS实现文本溢出时自动隐藏并添加省略号的效果,包括单行和多行文本的处理方式。单行文本通过设置overflow、text-overflow及white-space属性实现;多行文本则通过添加display、-webkit-line-clamp等属性来完成。
3525





