htmlでオーバーフローするとテキストに3つのドットを追加するには？

Question

このようなテキストにどのように3つのドット（...）を表示できますか？

Answer 1

これらをすべて追加します。 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/