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

```bash

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

```这是wxss的代码

```bash


宠物零食

<image src='../../images/21612e8be2469f90ccb216b99c8cc5ae.jpeg'style="width:100rpx; height:300rpx">

预约疫苗

<image src='../../images/79450a462be3ed8c2684361b1488dcef.jpeg'style="width:100rpx; height:300rpx">



宠物洗护



宠物托管




```这是wxml代码

img


想要的效果是这样

img


目前的效果是这样

给.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>

.eat{display: flex;}
.advant{display: flex;}

去掉试试