收藏
回答

row-reverse时,padding不正常工作?

如过设置 `flex-direction: row-reverse;` 效果如下:

加上padding: 32rpx

右边的padding没有,并且最后一个字没了。

完整代码:

<view class="view">
      <view>吃饭了吗</view>
      <image src="../../images/icon/home.png" mode="widthFix" style="width: 50rpx;"/>
    </view>

.view {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  padding: 32rpx;
  background: chartreuse;
}

原因是什么呢?

回答关注问题邀请回答
收藏

1 个回答

  • 一笑皆春
    一笑皆春
    05-13
    width: 100%;去掉试试
    
    05-13
    有用 1
    回复 2
    • WillGO
      WillGO
      05-13
      谢谢,竟不知所以然,去掉就好用了。
      05-13
      回复
    • 一笑皆春
      一笑皆春
      05-13回复WillGO
      padding会影响100%,导致实际宽度不是100%
      05-13
      回复
登录 后发表内容