小程序开发之问题1:(文本/文字)内容过长显示点点点

• 在小程序开发中我们经常遇到,文本内容过长导致页面样式花掉的问题,这时候我们就需要限制文字显示长度,经常用的方法就是隐藏多出来的文字显示点点点

1. 单行文本过长显示点点点

   .row {
      width: 400rpx;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
   }

    

    

2. 多行文本显示点点点

     width: 750rpx;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     overflow: hidden;
     text-overflow: ellipsis;