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

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