Truncate and clamp text
Single-line truncation needs `overflow`, `white-space`, and `text-overflow` together. Multi-line uses the widely supported `-webkit-line-clamp`.
#text#overflow#ellipsis
css
.truncate {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.clamp-3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}