以上就是一行的效果，超出宽度就用...代替

.recommendContainer .scrollItem text{
  /* 单行文本溢出隐藏 省略号代替 */
  display: block;
  white-space: nowrap; /*溢出不换行*/
  overflow: hidden;    /*溢出隐藏*/
  text-overflow: ellipsis; /*溢出的内容已...代替*/

  
}

多行的效果

 

.recommendContainer .scrollItem text {
  font-size: 24rpx;
  display: -webkit-box; /* box盒子模型 */
  overflow: hidden;
  -webkit-box-orient: vertical; /*设置对其模式 --垂直对齐*/
  -webkit-line-clamp: 2; /*设置多行的行数*/
 

}