微信小程序：设置多余文本隐藏

微信小程序：设置多余文本隐藏

一、单行隐藏

.scrollItem text{
  font-size: 26rpx;

  /* 单行文本溢出隐藏  省略号代替 */
  display: block;/*block	此元素将显示为块级元素，此元素前后会带有换行符。text 为内联元素，而overflow：hidden；作用于块元素上*/
  white-space: nowrap;/*取消换行*/
  overflow: hidden;/*超出的部分隐藏*/
  text-overflow: ellipsis;/*隐藏的部分用省略号代替*/
}

二、多行隐藏

.scrollItem text{
  font-size: 26rpx;

 /* 多行文本溢出隐藏  省略号代替 */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;/*设置对齐模式：垂直对齐*/
  -webkit-line-clamp: 2;/*设置多行的行数*/
  }