超过单行多余的显示...与显示多行超出的显示...

超出一行多余的显示"..."与显示多行超出的显示"..."是我们经常遇到了，但是老是容易忘记，在此特意记录一下

超出一行多余的显示"..."

.class{overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}

超出一行多余的显示"..."

.class{   overflow: hidden;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}

为了保险起见当显示多行超出隐藏时，一般给该对象设置一个高度。