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

家住海边喜欢浪

在7点直播项目中
9 ]# u1 k! B: g" I' t; O5 ^9 e& |+ r商品名称只到第二行文本的一半区域
4 F% |) K9 R* R! r8 l* i- U类似图片这种，

& `# `! k( ?; h5 i
3 i& S2 Z2 e/ a9 X! I
CSS尝试过很多 无法解决，最后使用的JS https://blog.csdn.net/yangwqi/article/details/101543685
3 a7 R" S0 m+ q7 K* N有没有更加高效的方法实现这种
& `: W0 `6 i- l- L3 j