How to use ellipsis to replace the part of the text overflow in CSS [...]

One, single line overflow

Must have width

width:300px;    
overflow: hidden;    
text-overflow:ellipsis;    
white-space: nowrap;

Two, multi-line overflow

display: -webkit-box;   
-webkit-box-orient: vertical;   
-webkit-line-clamp: 2;   
overflow: hidden;  

1. -webkit-box-orient： Arrangement
2. -webkit-line-clamp:The number of lines of text displayed by a block element

Friendship link: link