小程序scroll-view解决横向失效问题，文字不换行

最新推荐文章于 2022-04-14 14:47:05 发布

weixin_30585437

最新推荐文章于 2022-04-14 14:47:05 发布

阅读量361

点赞数 1

原文链接：http://www.cnblogs.com/chenlw/p/10918724.html

版权


      <scroll-view  scroll-x style="width: 100%;white-space: nowrap;overflow:hidden;">
        <repeat for="{{msjtUrls}}" key="id" index="index" item="item">
          <view class="items">  //item需要display:inline-block
              <image src='{{item.coursecover}}' class='img' lazy-load mode="widthFix"></image>
              <view class="coursetitle">{{item.coursetitle}}</view>
          </view>
        </repeat>  
      </scroll-view>

.coursetitle{
        display: inline-block;
        font-size: 30rpx;
        width: 200rpx;
        height: auto;
        white-space:normal !important; //解决文字不换行
}

转载于:https://www.cnblogs.com/chenlw/p/10918724.html