css多行文字实现省略结尾

例子

---

.text{
    display: -webkit-box;
    height: 2.6rem;
    line-height: 1.3rem;
    color: #333;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

其他:
解决webpack打包后-webkit-box-orient: vertical;失效问题,如下,注释也带上
/*! autoprefixer: off /
-webkit-box-orient: vertical;
/ autoprefixer: on */