初始设置的样子

text-align: center;

height: 40px;

设置的时候，按钮无法上下居中

增加了display

text-align: center;

height: 40px;

display: flex;

增加justify-content: center;

text-align: center;

height: 40px;

display: flex;

justify-content: center;

增加align-items: center;

text-align: center;

height: 40px;

display: flex;

justify-content: center;

align-items: center;

为了设置一个上下居中，真的是不容易，用了三个属性。

display: flex;

justify-content: center;

align-items: center;