文本溢出处理
文本溢出处理-单行
.f-txtof {
white-space: nowrap;
word-break: keep-all;
overflow: hidden;
text-overflow: ellipsis;
}
文本溢出处理-两行
.f-txtof_2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
小结
相信大家都发现,如果还需要显示更多行数,只需要修改-webkit-line-clamp
的数量即可。