Css flex布局下 两端对齐与居中对齐
两端对齐
<view class="top">
<view class="history">
<image src="../../static/avatar/history.png" mode="" style="width: 70rpx;height: 70rpx;;"></image>
</view>
<view class="title">
<text>MedBot</text>
</view>
<view class="playable">
<image :src="Icons.stop" mode="" style="width: 70rpx;height: 70rpx;;"></image>
</view>
</view>
display: flex;
justify-content: space-between;/*左右对齐*/
align-items: center;/*垂直居中*/
居中对齐
同理
display: flex;
flex-direction:column;/*水平居中*/
align-items: center; /* 垂直居中 */