css 超出部分省略号隐藏，vue打包后css超出2行后省略号隐藏无效

一行隐藏

.opm-ellipsis {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

多行隐藏

在项目中遇到了vue打包后css超出2行后省略号隐藏无效的问题，上网扒了一波后，发现还要加上以下属性
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;

.lvp-ellipsis {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}