收藏
回答

flex布局,image宽高不能设定?求助

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 需求 image 客户端 7.2 2.3.2

wxml:

<view class='one'>
          <image src='/1.png' class='image' mode='aspectFill'></image>
          <text >中央公园垃圾成堆,中央公园垃圾成堆,中央公园垃圾成堆,中央公园...</text>
</view>


css:

.one {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 30rpx

}


.image {

width: 120rpx;

height: 120rpx;

margin-right: 20rpx;

}


结果,图片宽不是120rpx,mode = 'aspectFill' 不是会自动截图的吗?



想不明白,以前用flex后都会根据设置自动布局。:(


弄了好久,感觉自己学的都是假css,于是我给text加了个固定宽度....

<view class='one'>
          <image src='/1.png' class='image' mode='aspectFill'></image>
          <text class='fuck'>中央公园垃圾成堆,中央公园垃圾成堆,中央公园垃圾成堆,中央公园...</text>

</view>




.fuck{

  width: calc(100% - 120rpx)

}



结果好了!!??


固定宽度这个倒是好理解,就是不明白在flex布局下为什么会失效。郁闷,求解。感谢。:)

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

2 个回答

  • 微盟
    微盟
    2018-12-29

    给图片的样式加flex:none

    2018-12-29
    有用 1
    回复 1
    • Tanfu
      Tanfu
      2018-12-31

      这方法也可以 :) 谢谢

      2018-12-31
      回复
  • 卢霄霄
    卢霄霄
    2018-12-28

    flex-shrink: 0

    2018-12-28
    有用 1
    回复 1
    • Tanfu
      Tanfu
      2018-12-31

      感谢 ;))

      2018-12-31
      回复
登录 后发表内容