Limit text length to n lines using CSS - Cacher Snippet

3/15/2017 - 12:27 PM

Limit text length to n lines using CSS

Limit text length to n lines using CSS

limit_text_vertically.css

/*
* Refernce: http://stackoverflow.com/questions/3922739/limit-text-length-to-n-lines-using-css
* Demo: http://jsfiddle.net/csYjC/1131/
*/

.text {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 16px;     /* fallback */
   max-height: 32px;      /* fallback */
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}