cách thêm ba dấu chấm vào văn bản khi tràn trong html?

Question

Làm cách nào để hiển thị ba dấu chấm (...) trong văn bản như thế này?

Answer 1

Thêm tất cả các mục này. Để thực hiện trong một dòng.

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

Thực hiện trong nhiều dòng bạn thực sự yêu cầu.

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

fiddle làm việc: https://jsfiddle.net/mishrarajesh/676jc7sa/