微信扫码登录

其他登录方式

绑定手机号

注册

我同意用户协议

忘记密码

用户协议

绑定手机号

  • 推广与合作

小程序丨flex-direction: row 无效

来源: 5238
关注
来源: 5238

<!--index.wxml-->

<scroll-view scroll-y style= "height:1000rpx; width: 2000rpx;   display:flex; flex-direction: row;" >

<view  wx:for="{{t}}" wx:for-item="t" src="{{t}}"  style=" width: 250rpx; height: 250rpx;background:url('{{t}}');background-size:250rpx 250rpx;   display:flex; flex-direction: row;">水果</view>

</scroll-view>

为什么我设置横向显示:flex-direction: row;无效呢?还多出了滚动条。

flex-direction: row 无效
菜鸟问题,请多多指教!

网友回复:

金***:

<!--index.wxml-->

<scroll-view scroll-y style= "height:1000rpx; width: 2000rpx;" >

<image wx:for="{{t}}" wx:for-item="t" src="{{t}}"  style=" width: 250rpx; height: 250rpx"></image>

<!-- <view  wx:for="{{t}}" wx:for-item="t" src="{{t}}"  style=" width: 250rpx; height: 250rpx;background:url('{{t}}');background-size:250rpx 250rpx;   display:flex; flex-direction: row;">水果</view> -->

</scroll-view>



flex-direction: row 无效


上面这段还代码就能横排


<!--index.wxml-->

<scroll-view scroll-y style= "height:1000rpx; width: 2000rpx;" >

<image wx:for="{{t}}" wx:for-item="t" src="{{t}}"  style=" width: 250rpx; height: 250rpx"></image>

<view  wx:for="{{t}}" wx:for-item="t" src="{{t}}"  style=" width: 250rpx; height: 250rpx;background:url('{{t}}');background-size:250rpx 250rpx;   display:flex; flex-direction: row;">水果</view>

</scroll-view>


flex-direction: row 无效

view 控件是不能横排的吗


爱盈利(aiyingli.com)移动互联网最具影响力的盈利指导网站。定位于服务移动互联网创业者,移动盈利指导。我们的目标是让盈利目标清晰可见!降低门槛,让缺乏经验、资金有限的个人和团队获得经验和机会,提高热情,激发产品。

评论

相关文章推荐

    热门资讯

    京ICP备15063977号-2 © 2012-2018 aiyingli.com. All Rights Reserved. 京公网安备 11010102003938号