刚刚在浏览稀土开发者大会的页面时，发现一个个人中心的按钮文字好像没有真正居中（错误样式是这样子）
用f12打开后看到了前端是这样子写的：
还有这个盒子是写的box-sizing:border-box,也就是这个盒子的宽度和高度是包含了padding和border的，这就是为什么line-height设置了和height一样的时候其实文字没有真正做到垂直居中，那么解决这个问题也很简单，就是line-height = height - border * 2，用高度减去上下的border，也就得到了content的高度了
当然也有其他的解决方法：
1.用flex布局然后align-item:center
2.把box-sizing:border-box属性取消
希望掘金前端别锤我（狗头保命）~
