为什么我的不能横向布局而是竖着的（微信小程序）

Question

xtml配置
 <view class="tab_title">
    <view 
    wx:for="{{tabs}}"
    wx:key="id"
    class="title_item {{item.isActive?'active':''}} "
    bindtap="handleItemTap"
    data-index="{{index}}"
    >
    {{item.value}}
    </view>
 </view>

wxss配置
.tabs_title{
  display: flex;
  flex-direction: row;
}
.title_item{
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 15rpx 0;
}

 

图片显示

现在是竖着排列的，有办法可以横着排吗

Answer 1

加上justify-content:flex-start  没有错误，是你class元素不匹配

你细心看看哪里错了，css里.tabs_title{，，，

view里却是 class="tab_title"