CSS关于按钮button 中的内容垂直居中

一、思路

在前端页面的button中，如果使用默认的button宽高，button中的内容是垂直居中的，但是自定义button内容就不是垂直居中了，可以通过设置vertical-align:middle;和line-height来调节。

二、代码如下：

.login{width: 66px;height: 35px;text-align: center;vertical-align:middle;line-height: 23px;}

三、效果如下

这是我重新设置宽高后的button样式：