Truncate Multi-line Text

20 Sep 2019 • 1 min read

This exact set of properties now actually works to do multiple-line truncation in a fairly well supported way.

.box p {
  display: -webkit-box;
  -webkit-line-clamp: 1; /* # of lines to truncate */
  -webkit-box-orientation: vertical;
  overflow: hidden;
}