CSS多行文本溢出隐藏,显示省略号

单行文本溢出隐藏:

overflow: hidden;

单行文本溢出隐藏显示省略号:

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

多行文本溢出隐藏显示省略号:

text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;

多行文本溢出隐藏时,-webkit-line-clamp: 3; 把3改成几就显示几行。灵活多变。

原文链接:https://blog.csdn.net/vipbin520/article/details/81483955

posted @ 2019-11-23 19:09  王二疯  阅读(1154)  评论(0编辑  收藏  举报