css代码片段

单行文本，超出显示省略号

.demo {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

一行文本，超出显示省略号

.demo {
  display: -webkit-box;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

在 webpack 打包处理后，发现多上显示样式不生效是因为 autoprefix 插件默认会移除-webkit-box-orient,添加上述忽略注释即可解决。