收藏
回答

flex-direction: row 无效

问题模块
API和组件


<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;无效呢?还多出了滚动条。



<!--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>


上面这段还代码就能横排




<!--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>



菜鸟问题,请多多指教!

最后一次编辑于  2017-09-26  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

2 个回答

  • j
    j
    2017-11-28

    请问你找到解决的办法了吗  我也出现了类似的问题

    2017-11-28
    赞同
    回复
  • 金鳞
    金鳞
    2017-12-02

    好像加个样式 左浮动可以解决

    2017-12-02
    赞同
    回复