单行超出省略号和多行超出省略号效果实现

//单行
.content{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
//多行
.no{
	overflow: hidden;
	/* text-overflow: ellipsis; */
	 display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
				
			}