多行文本 超出省略 - less实现

直接看代码，简单暴力......

/**
 * 多行省略（容器可以不设置高度）
 *  webpack编译时，autoprefixer会将-webkit-box-orient属性省略，必须采用黑科技克服
 *
 * @lineNum 行数
 */
.text-lines(@lineNum) {
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @lineNum;
  overflow: hidden;
  text-overflow: ellipsis;
}

如果 autoprefixer 版本较低，会不生效，升级一下即可。

而旧版本，可以使用 /* autoprefixer: off */，相关测试如下：