在一个div中如何让button按钮垂直居中

1、首先我们需要新建一个html5文件，编写html5基础代码！

2、新建一个div标签，在div标签下编写一个button标签。

3、为div标签和button标签填写基础样式代码，这里我们为了更好的查看居中情况，将div的背景设置成红色。

4、我们用浏览器打开页面，可以看到button在div层中的左上角位置。

5、接下来就是实现垂直居中的方法了，首先我们将div的行高设置成div层的高度，将button的vertical-align属性设置成middle。

6、刷新网页，发现button已经在div中垂直居中了。

以上就是button按钮在div中垂直居中的方法，你学会了？