单行多行文本溢出显示的省略号

<div style="" class="clearfix">
    <div class="singleLineEllipsis">单行文本溢出作处理简单的多，单行文本溢出作处理简单的多。</div>
    <div class="multipleLineEllipsis">
         多行文本溢出作处理， 多行文本溢出作处理， 多行文本溢出作处理， 多行文本溢出作处理， 多行文本溢出作处理，  
    </div>
</div>

 

.singleLineEllipsis {
	    width: 100px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}

	.multipleLineEllipsis {
	    width: 100px;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 3;
	    overflow: hidden;
	}