How to make single-line text and multi-line text overflow to display ellipsis

Single line of text:

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

 

Multiline text:

//pre-wrap  允许换行 同时保留文本中的空白、换行符
							white-space: pre-wrap;
							display: -webkit-box;
							-webkit-line-clamp: 2;
							-webkit-box-orient: vertical;
							text-overflow: ellipsis;
							overflow: hidden;