Text overflow hidden. Hidden question words are expressed by ellipsis, overflow ellipsis

Text overflow hidden. Hidden question words are expressed by ellipsis, overflow ellipsis

Previously, when writing a page, we used a single line of text overflow to hide it. Today, we have encountered multiple lines of text overflow to hide it. The overflow part uses ellipsis. I sorted out some materials and shared them with you.

　　Overflow and hiding of Single Line Text

　　For single-line text overflow and hiding, text-overflow: ellipsis can solve the problem perfectly. However, when using it, you must combine overflow: hidden and white-space: nowrap ;, sometimes I forget to write it, which leads to poor performance and keeps me searching for a long time.

1 <! DOCTYPE html> 2 
Effect:
　　　　
Overflow and hiding of multi-line text
　　　I use pseudo-class labels.

 
1 <! DOCTYPE html> 2 
Effect:

 
Do you have a better way to share it with me!