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

资料来源：网络整理时间：2023/3/4 1:21:10 共计：3598 浏览

在一个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中垂直居中了。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。