app页面商品文字显示太长，超出隐藏，显示点点点，省略号,css写法

文字显示太长 ，超出隐藏，省略号显示 css代码

1.app页面文字过长

2.超出隐藏

css代码：

  width: 280rpx; 
  white-space: nowrap;  //不换行
  overflow: hidden; //超出隐藏
  text-overflow: ellipsis;  //文本超出，用ellipsis省略号

3.多行显示，用点点代替

css代码：

  //width: 280rpx;   //自己定宽度
  //white-space: nowrap;  //需要注释掉
  overflow: hidden; //超出隐藏
  text-overflow: ellipsis;  //文本超出，用ellipsis省略号
  //显示多行
   display: -webkit-box;/* 弹性盒模型 */
   -webkit-box-orient: vertical;/* 元素垂直居中*/
   -webkit-line-clamp: 2;/*  文字显示的行数*/