One or more lines of text overflow, ellipsis instead

Single line text overflow , Ellipsis instead

display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

Multi line text overflow , Ellipsis instead

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;  /* Set alignment mode */
-webkit-line-clamp: 2; /* Set the number of lines */

Related links

【css】 When the text is too long, an ellipsis is used instead of
【 Wechat applet 】 Expand and collapse the text
Implementation of slider view