微信小程序文字超過一定寬度後省略後面的內容

效果圖：

示例代碼：

.list-userinfo {

  flex-grow: 4;
  
  width: 200rpx;
  
  display: -webkit-box;
  
    overflow: hidden;
    
    text-overflow: ellipsis;
    
    word-wrap: break-word;
    
    white-space: normal !important;
    
    -webkit-line-clamp: 1;
    
    -webkit-box-orient: vertical;
}

總結
重點在於兩個屬性的使用：

text-overflow: ellipsis;

word-wrap: break-word;

閱讀完有任何問題，聯繫我微信：ichatme002，備註來自【CSDN】