超出div宽度文本隐藏显示...省略号

.subTitleBox {
	//超出部分显示...
 	 text-overflow: ellipsis;  
 	 //超出部分隐藏
  	overflow: hidden;
 	 //文本禁止换行
  	white-space: nowrap;
}

2021-5-31更新 有了新的需求，文本显示两行半，之后超出的部分…显示

 for (let i = 0; i < resArray.length; i++) {
            //循环卖点列表
            for (let j = 0; j < resArray[i].keySellList.length; j++) {
              //拿到content的长度，根据设计图，一行显示22个字，22*2.5 = 55
              if (resArray[i].keySellList[j].content.length > 55) {
                //超出的进行字符串拼接
                //给元素赋值注意使用字符串模板${i},${j}
                //这种方法，在文本中有数字的时候，因为数字占较小位置会造成不到一半就显示...的情况
                //或者能取到文本在dom中占的长度
                resArray[i].keySellList[j].content = `${resArray[i].keySellList[j].content.substring(0,55)}...`
              }
            }
          }

看行内注释吧，代码没什么，主要是提供方法，存在的问题也注释了的