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; /* 垂直居中 */