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

家住海边喜欢浪

在7点直播项目中
商品名称只到第二行文本的一半区域
类似图片这种，
" H* M3 j' m" K2 {3 ?0 u! t

$ w3 E  b  g- {8 E+ {
$ y5 U2 N% Q/ y, v; j- c0 v$ fCSS尝试过很多 无法解决，最后使用的JS https://blog.csdn.net/yangwqi/article/details/101543685
有没有更加高效的方法实现这种