收藏
回答

双重for循环中内部循环text前后都多出一行,为啥啊?我裂开了

如图,这个是在调试工具里的代码,迷一样的前后多出一行,导致这一行被挤下去,样式难搞。

代码真的简单到裂开

wxml:

<scroll-view class="scroll" scroll-y>
<view wx:for="{{list1}}" wx:key="k">
  <text class="a">{{item.k}}</text>
  <text class="b">
    <text wx:for="{{item.l2}}" wx:for-item="list2">
      {{list2.a}}
    </text>
  </text>
</view>
</scroll-view>


js:

  /**
   * 页面的初始数据
   */
  data: {
    list1: [
      {l2: [{a:'asdf'b:'asdfasdf'},{a:'asdf'b:'asdfasdf'},{a:'asdf'b:'asdfasdf'}], k1},
      {l2: [{a:'asdf'b:'asdfasdf'}], k2},
      {l2: [{a:'asdf'b:'asdfasdf'}], k3},
      {l2: [{a:'asdf'b:'asdfasdf'}], k4},
      {l2: [{a:'asdf'b:'asdfasdf'}], k5},
      {l2: [{a:'asdf'b:'asdfasdf'}], k7},
      {l2: [{a:'asdf'b:'asdfasdf'}], k8},
      {l2: [{a:'asdf'b:'asdfasdf'}], k9}
    ]
  },



css:

.scroll{
  height300px;
}


.b{
  display: block;
  width300px;
  height50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}



运行结果截图:

就迷一样的内部循环前面多了一行空行,真的绝了,求助!怎么去掉这个前后的空行?感激不尽!版本库是2.18.0

回答关注问题邀请回答
收藏

1 个回答

  •     
        
    2021-08-04

    把红框地方的空格和换行符删了

    然后告诉你的格式化插件不要管text标签

    2021-08-04
    有用 1
    回复 3
    • 雪碧
      雪碧
      2021-08-05
      nb!解决了!
      2021-08-05
      回复
    • 雪碧
      雪碧
      2021-08-05
      这text标签的特性真无聊,气笑了😂
      2021-08-05
      回复
    •     
          
      2021-08-06回复雪碧
      如果你不想它这样你完全可以用view或者用css把这个特性改掉
      2021-08-06
      回复
登录 后发表内容