image组件如何使图片在容器中居左显示
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组件中是居中显示的。
请问有没有办法让图片在此行居左显示,其他样式不变,如下图效果(即显示在黄框区域):