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改成几就显示几行。灵活多变。

参考文见这里