1、首先我们需要新建一个html5文件,编写html5基础代码。
2、新建一个div标签,在div标签下编写一个button标签。
3、为div标签和button标签填写基础样式代码,这里我们为了更好的查看居中情况,将div的背景设置成红色。
4、我们用浏览器打开页面,可以看到button在div层中的左上角位置。
5、接下来就是实现垂直居中的方法了,首先我们将div的行高设置成div层的高度,将button的vertical-align属性设置成middle。
6、刷新网页,发现button已经在div中垂直居中了。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 xxx@163.com 举报,一经查实,本站将立刻删除。