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

家住海边喜欢浪

在7点直播项目中
/ x3 x& H( |- s2 r( s' ?商品名称只到第二行文本的一半区域
类似图片这种，

! K* K( L5 f# W1 \" k( ?) X
  r9 k7 `  b/ Z) O$ W  V
4 B2 _+ [+ q& Z3 UCSS尝试过很多 无法解决，最后使用的JS https://blog.csdn.net/yangwqi/article/details/101543685
/ Z( ^! n8 ^; c! p( E有没有更加高效的方法实现这种