小程序
小游戏
企业微信
微信支付
扫描小程序码分享
循环出来的元素,用view啥的套上,都不能横向排列,头痛。肯定有横向的需要循环的情况吧,各位大神指教一下
用了 display:inline-block 也设置了宽度。因为内容元素用的for循环,不好去设定内容 的宽度,按我的小白想法,for循环横向排列,scroll又允许横向滚动,这个窗口就完成了。但实际并不是这样,它永远在折行。难道一定要根据循环的数量计算内容的实际宽度才行吗??
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
#非小程序Bug
在视图如何排列和显示应该是归css管,所以你可以在wxss里写相关的布局
例如:
display:inline-block
或
display:flex;
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
大神,用了 display:inline-block 但在 scroll-view 里折行了,不能滚动。这个怎么搞?
scroll-view默认是100%的(屏幕)宽度;
<scroll-view>
<view class="item"/>
</scroll-view>
item的宽度就需要设置成一个固定数值或者百分比
代码片段:https://developers.weixin.qq.com/s/je8GbEm5716v
可以通过CCS样式来改变为display:inline-block;
谢谢,之前 display 不会用,都是通过flex-direction 来排方向,多谢了
view是块级元素,正常的情况下每个view都独占一行,如果想在一行显示需要调整wxss属性,或者换成text
楼主这个view还有东西,不要用text,从css来解决
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
#非小程序Bug
在视图如何排列和显示应该是归css管,所以你可以在wxss里写相关的布局
例如:
display:inline-block
或
display:flex;
大神,用了 display:inline-block 但在 scroll-view 里折行了,不能滚动。这个怎么搞?
scroll-view默认是100%的(屏幕)宽度;
<scroll-view>
<view class="item"/>
</scroll-view>
item的宽度就需要设置成一个固定数值或者百分比
代码片段:https://developers.weixin.qq.com/s/je8GbEm5716v
可以通过CCS样式来改变为display:inline-block;
谢谢,之前 display 不会用,都是通过flex-direction 来排方向,多谢了
大神,用了 display:inline-block 但在 scroll-view 里折行了,不能滚动。这个怎么搞?
view是块级元素,正常的情况下每个view都独占一行,如果想在一行显示需要调整wxss属性,或者换成text
楼主这个view还有东西,不要用text,从css来解决
大神,用了 display:inline-block 但在 scroll-view 里折行了,不能滚动。这个怎么搞?