单行溢出省略号
.show-detail li .info-name {
width:278px;
display:inline-block;
/*下面是重点*/
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
多行溢出省略号
.show-detail li .info-intro {
width: 278px;
/*下面是重点*/
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}