Parts beyond the text are indicated by ellipsis

1. Single line text exceeds

overflow: hidden;   
white-space: nowrap;     // The text does not wrap 
text-overflow:ellipsis;  // The part beyond the text is indicated by an ellipsis 

2. Multiline text exceeds

text-overflow: ellipsis; 	   //  Exceeded text = The ellipsis means 
display: -webkit-box;   	   // Display the object as an elastic expansion box model 
-webkit-line-clamp: 8;   	   //  Show ellipsis on the next few lines 
-webkit-box-orient: vertical;  // Arrange children vertically from top to bottom