效果图：

.wxss:

多行注释
.text {
margin: auto;
width: 300rpx;
line-height: 40rpx;
font-size: 28rpx;
color: #aaa;
/* 多行注释 */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
 单行注释：
.txt {
margin: auto;
margin-top: 20rpx;
width: 300rpx;
line-height: 40rpx;
font-size: 28rpx;
color: #aaa;
/* 单行注释 */
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

版权声明：本文为IT001原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/IT001/p/9259112.html