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

家住海边喜欢浪

在7点直播项目中
% l7 k4 w8 i; j/ H8 R! y商品名称只到第二行文本的一半区域
/ l1 A# v$ r2 Y7 W* i4 z类似图片这种，

7 W! C& `! n$ i% [  q
5 s; y: j. H8 I3 g2 i
  m3 b* S( E: [1 @CSS尝试过很多 无法解决，最后使用的JS https://blog.csdn.net/yangwqi/article/details/101543685
有没有更加高效的方法实现这种