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样式：