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

家住海边喜欢浪

在7点直播项目中
: ]- I, N5 j: n2 G  V商品名称只到第二行文本的一半区域
5 c4 g3 A0 g& h) x) q& r类似图片这种，
1 H7 J; F8 ~- G: p- h$ S" N
' {: X9 l6 u2 i5 F
: E5 J# U+ A0 m+ I8 h
3 A% z* v5 V) ^" N! l, O" A8 bCSS尝试过很多 无法解决，最后使用的JS https://blog.csdn.net/yangwqi/article/details/101543685
有没有更加高效的方法实现这种
5 q( p# ?: _: k. f3 m