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

家住海边喜欢浪

在7点直播项目中
" |0 Z; b) I. K+ b  k2 b3 s1 m商品名称只到第二行文本的一半区域
类似图片这种，
0 U, K4 a3 o( R+ q- k" M4 x
; m% j8 E- t/ A) E; a( q1 T
: z2 [3 X! ~; Z: F
CSS尝试过很多 无法解决，最后使用的JS https://blog.csdn.net/yangwqi/article/details/101543685
有没有更加高效的方法实现这种
: R6 `: h2 e9 g4 c: m