css溢出显示省略号

单行溢出省略号

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