如何在html中溢出時添加三個點到文本？

Question

如何在這樣的文本中顯示三個點（...）？

Answer 1

添加所有這些。 製作單行。

text-overflow: ellipsis; 
white-space: nowrap; 
overflow: hidden; 
width:100px; // some width 

要在多行，其實你問。

#content{ 
overflow: hidden; 
width:100px; 
display: -webkit-box; 
-webkit-line-clamp: 3; 
-webkit-box-orient: vertical; 
} 

工作小提琴： https://jsfiddle.net/mishrarajesh/676jc7sa/