在设计图中要求的效果为：
文字限制超过9行即隐藏，并显示“展开”按钮，点击按钮进行切换，控制文本全部展示和部分展示
在原本的实现过程中，使用了红框内的判断方式：
页面代码：
样式则规定嵌套元素给一个死高度，通过对比来进行高度的修改
但是
发现打包以后，文字会出现被切割的情况，如下：
奇了怪了，又没规定死宽度，咋了你还自己切自己呢？于是想尽办法，都定位不到原因之后，发现
同时处理这个optimize-css-assets-webpack-plugin这个插件的问题：
但是这个注释掉就css就没有压缩了，所以同时为了保证css的压缩，继续修改：
最后：
简洁啊，好看啊！完美啊！文字也不切割了啊！
原文：https://www.cnblogs.com/nangras/p/10536138.html