微信小程序三个button居中

程序三个button居中"/>

微信小程序三个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;
}

结果：