请问为什么我的flex布局实现不了呀

Question

```bash

.index_cate{display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.eat{display: flex;}
.advant{display: flex;}

```这是wxss的代码

```bash
<view>
<view class="index_cate">
<view>宠物零食</view>
<view class="eat">
<image src='../../images/21612e8be2469f90ccb216b99c8cc5ae.jpeg'style="width:100rpx; height:300rpx">
</view>
<view>预约疫苗</view>
<view class="advant">
<image src='../../images/79450a462be3ed8c2684361b1488dcef.jpeg'style="width:100rpx; height:300rpx">
</view>
</view>
<view class="index_cat">
<view>宠物洗护</view>
<view class="wash">

</view>
<view>宠物托管</view>
<view class="to">

</view>
</view>
</view>

```这是wxml代码

想要的效果是这样

目前的效果是这样

Answer 1

给.main加flex，item就不用了，自动上下结构

.main{display:flex;flex-flow: row nowrap;justify-content: space-between;}
<view class="main">
  <view class="item">
    <view class="title">宠物洗护</view>
    <view class="title"><image src='' /></view>
  </view>

  <view class="item">
    <view class="title">宠物洗护</view>
    <view class="title"><image src='' /></view>
  </view>
</view>