CSS 文字超出部分显示省略号
-
一:
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 行后,再添加「省略号」,如图: