flex布局元素一行会压缩宽度无效

问题

使用flex之后，多个div放在一行，设置了宽度，但是无效，div会压缩在一行。

解决

为不想被压缩的元素上加上样式 flex-shrink: 0;

 <view class="scoll">
    <view class="sitem {{cindex==index? 'sborder':''}}" 
    wx:for="{{list}}" wx:key="index" 
    data-index="{{index}}" 
    bindtap="changeIndex">
    {{item.name}}</view>

  </view>

.sitem{
  flex-shrink: 0;
  padding: 12rpx 20rpx;
}