如何实现文本第二行只到一半时候显示...

家住海边喜欢浪

在7点直播项目中
商品名称只到第二行文本的一半区域
类似图片这种，
5 F6 L( }: R4 B; A8 V5 k
4 B& G/ [2 D% Z5 `% t

+ `3 u/ O$ B' o% }8 e1 x, ACSS尝试过很多 无法解决，最后使用的JS https://blog.csdn.net/yangwqi/article/details/101543685
6 p8 D/ _; d3 H  A有没有更加高效的方法实现这种
/ X& f3 a" }( a