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

家住海边喜欢浪

在7点直播项目中
商品名称只到第二行文本的一半区域
* {! {4 k  D# Z' e: N7 g类似图片这种，
: x# V  i% k6 w) w% j) y
& P/ w+ |9 X) g, I# Y* b- E

$ m! r4 T- b) X& a: vCSS尝试过很多 无法解决，最后使用的JS https://blog.csdn.net/yangwqi/article/details/101543685
有没有更加高效的方法实现这种