关于padding-right无效

<view class='weui_item'>
          <view>{{item.id}}view>
          <view>{{item.housename}}view>
          <view>{{item.averagePrice}}view>
          <view>{{item.region}}view>
          view>
.weui_item{
  width: 100%;
  padding: 0 20rpx;
  display: inline-flex;
  justify-content: space-between;
}
上面代码用的`padding:0 20rpx`;会出现padding-right无效,解决方法:

box-sizing:border-box;

你可能感兴趣的:(css)