css實現文本超出兩行隱藏

當文字顯示超出兩行時，多余部分文字隱藏，用到的css屬性如下代碼

    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;//當屬性值為3，表示超出3行隱藏

demo

.xsConInfo{
			float: left;
			width: 100%;
			line-height: 25px!important;
			display: -webkit-box;
			text-overflow: ellipsis;
			overflow: hidden;
			-webkit-box-orient:vertical;
			-webkit-line-clamp:2;
}

　效果如下：：