wxml:

<view class='container'>

 <text>text</text>

 <image mode='aspectFit' src='https://www.baidu.com/img/bd_logo1.png' />

</view>


wxss:

.container {

display: flex;

flex-direction: row;

align-items: center;

border: 1rpx solid green;

}

image {

height: 60px;

max-width: 85%;

border: 1rpx solid red;

}


显示结果如图:



图片其实并没这么宽,可见图片在image组件中是居中显示的。

请问有没有办法让图片在此行居左显示,其他样式不变,如下图效果(即显示在黄框区域):


展开全部
收起
3回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Chavez3

    18人对此回答表示赞同

    max-width设置小了,那较长的图片的高度就会出问题啊,图片模式是aspectFit的

    展开
    18
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • 夏洛克制不住自己

    9人对此回答表示赞同

    max-width设置太大了,设置小一点儿~

    展开
    9
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • Lucy十一

    5人对此回答表示赞同

    你可以动态设置image的width

    展开
    5
    0回复
    发布于 6年前

    评论(0)

    收起评论

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部