單行多行文本溢出顯示的省略號

<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;
	}