jak dodać trzy kropki do tekstu, gdy przepełnienie w html?

Question

Jak mogę wyświetlić trzy kropki (...) w takim tekście?

Answer 1

Dodaj wszystkie te. Aby zrobić w jednym wierszu.

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

Aby zrobić w wielu liniach, które faktycznie zadałeś.

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

skrzypce pracy: https://jsfiddle.net/mishrarajesh/676jc7sa/