一：
#title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
以上 CSS 适用于单行文字超出部分，显示「省略号」。如图：
二：
#title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
以上方法适用于显示 3 行后，再添加「省略号」，如图：
原文：https://www.cnblogs.com/hukuangjie/p/12120931.html