客服图标的问题

如图，用的是<button open-type=“contact”,怎么能让图片水平和垂直居中啊？

代码：

<view>  <button plain="true" size="mini" style="width:8px;margin-left:{{width*0.85}}px;margin-top:{{height*0.8}}px;border:0;opacity:0.8;position:fixed;z-index:9999;background:black;text-align:center" open-type="contact">   <image style="width:20px;height:20px;" src="../../images/kefu.png"></image>     </button> </view>