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

家住海边喜欢浪

在7点直播项目中
商品名称只到第二行文本的一半区域
类似图片这种，

. e6 \$ D6 t1 X0 Z. F( W5 O
: k6 F: ]; U8 c! t
9 }- }2 T+ s. E; ^1 q- `CSS尝试过很多 无法解决，最后使用的JS https://blog.csdn.net/yangwqi/article/details/101543685
有没有更加高效的方法实现这种