微信小程序三个button居中

wxml:

  <view class="bottom">
            <button size="mini" class="zhuanfa1">转发评分</button>
            <button size="mini" class="jisuan">计算得分</button>
            <button size="mini" class="chakan">查看记录</button>
         </view>

wxss:

.bottom{
  position: fixed;
  width: 90%;
  margin: 0 5%;
  display: flex;/* 如果把盒子设置为弹性盒子,必须要加的 */
  flex-direction: row;/* 设置一个大盒子内容垂直排列*/
  align-items: center;/* 设置一个大盒子内容居中排列*/
bottom: 20rpx;
}
.jisuan{
  color:#DC143C;
  border: 1px solid #DC143C;
}
.zhuanfa1{
  position: absolute;
  color:	#228B22;
  border: 1px solid 	#228B22;
}

.chakan{
  position: absolute;
 right: 0%;
  color: #000000;
  border: 1px solid #000000;
}

结果：