实现溢出变省略号的方法
Posted yyc1998
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了实现溢出变省略号的方法相关的知识，希望对你有一定的参考价值。
第一种（单行文本）
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
要使用
white-space: nowrap;
尽量别使用<nobr></nobr>标签 可能会导致不兼容的情况发生
第二种（多行文本）
text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
只需把2改成想要显示的行数 即可达到效果。
以上是关于实现溢出变省略号的方法的主要内容，如果未能解决你的问题，请参考以下文章