css 使用CSS将文本长度限制为n行

Posted 2021-05-13

/*
* 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;
}