收藏
回答

小白请教:for循环的元素要怎样才能横向排列?

循环出来的元素,用view啥的套上,都不能横向排列,头痛。肯定有横向的需要循环的情况吧,各位大神指教一下




用了 display:inline-block 也设置了宽度。因为内容元素用的for循环,不好去设定内容 的宽度,按我的小白想法,for循环横向排列,scroll又允许横向滚动,这个窗口就完成了。但实际并不是这样,它永远在折行。难道一定要根据循环的数量计算内容的实际宽度才行吗??



最后一次编辑于  03-05
回答关注问题邀请回答
收藏

3 个回答

  • 陈式坚
    陈式坚
    03-01

    #非小程序Bug


    在视图如何排列和显示应该是归css管,所以你可以在wxss里写相关的布局

    例如:

    display:inline-block


    display:flex;


    03-01
    赞同 2
    回复 2
    • 游〜
      游〜
      03-05

      大神,用了 display:inline-block 但在 scroll-view 里折行了,不能滚动。这个怎么搞?

      03-05
      回复
    • 陈式坚
      陈式坚
      03-05回复游〜

      scroll-view默认是100%的(屏幕)宽度;


      <scroll-view>

          <view class="item"/>

      </scroll-view>


      item的宽度就需要设置成一个固定数值或者百分比



      代码片段:https://developers.weixin.qq.com/s/je8GbEm5716v





      03-05
      1
      回复
  • 拾忆
    拾忆
    03-01

    可以通过CCS样式来改变为display:inline-block;

    03-01
    赞同
    回复 2
    • 游〜
      游〜
      03-01

      谢谢,之前 display 不会用,都是通过flex-direction 来排方向,多谢了

      03-01
      回复
    • 游〜
      游〜
      03-05回复游〜

      大神,用了 display:inline-block 但在 scroll-view 里折行了,不能滚动。这个怎么搞?

      03-05
      回复
  • iHealth 王深镇
    iHealth 王深镇
    03-01

    view是块级元素,正常的情况下每个view都独占一行,如果想在一行显示需要调整wxss属性,或者换成text

    03-01
    赞同
    回复 2
    • 祺爸💎
      祺爸💎
      03-01

      楼主这个view还有东西,不要用text,从css来解决

      03-01
      回复
    • 游〜
      游〜
      03-05回复祺爸💎

      大神,用了 display:inline-block 但在 scroll-view 里折行了,不能滚动。这个怎么搞?

      03-05
      回复