设置border后原先垂直居中的文字不居中解决方案原先的样式：因为设置了边框导致不居中偏移那只能设置box-sizin

原先的样式：

![](https://upload-images.jianshu.io/upload_images/24818563-b295b2c07d199004.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

因为设置了边框导致不居中偏移

![](https://upload-images.jianshu.io/upload_images/24818563-52d97ed36e63dab5.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

那只能设置box-sizing:content-box之后，再调节一下宽度和高度等参数就好了

![](https://upload-images.jianshu.io/upload_images/24818563-c75a30e62cbcb3c7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

设置border后 原先垂直居中的文字不居中解决方案