多行文本溢出无效

<style>
  .multi-line-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
</style>

问题现象

溢出的样式，打开F12直接复制进去有效，但写到代码里编译后无效了，对比发现是 -webkit-box-orient: vertical; 这一句没了。经查询，是构建工具压缩后丢失了。

解决方法

直接在 HTML 的 style标签中编写 CSS，可以跳过构建工具的压缩