首页 > 微信 > 详细

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

时间:2019-05-24 16:32:15      阅读:563      评论:0      收藏:0      [点我收藏+]
      <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; //解决文字不换行
}

  

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

原文:https://www.cnblogs.com/chenlw/p/10918724.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!