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

家住海边喜欢浪

在7点直播项目中
" ~5 p8 i! p; r- E. u" x商品名称只到第二行文本的一半区域
类似图片这种，
1 R9 S7 S% W* s  W( ?0 J8 @! Q
! u1 v1 f4 A4 X

' F6 X# q2 @8 t1 s% KCSS尝试过很多 无法解决，最后使用的JS https://blog.csdn.net/yangwqi/article/details/101543685
) z* v9 y+ y- ^; f1 `* h有没有更加高效的方法实现这种