-
一：
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 行后，再添加「省略号」，如图：
一：
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
以上 CSS 适用于单行文字超出部分，显示「省略号」。如图：
二：
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
以上方法适用于显示 3 行后，再添加「省略号」，如图：