当文字显示超出两行时，多余部分文字隐藏，用到的css属性如下代码

    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;//当属性值为3，表示超出3行隐藏

demo

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。 
.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;
}

　效果如下：：

　 css实现文本超出两行隐藏 随笔

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄