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

超出一行多余的显示"..."与显示多行超出的显示"..."是我们经常遇到了，但是老是容易忘记，在此特意记录一下转存失败重新上传取消

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

 

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

 

 

 

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

 

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

 

 

 

 

 

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