上传者: 38723753
|
上传时间: 2022-04-29 11:16:53
|
文件大小: 80KB
|
文件类型: PDF
CSS 将button按钮垂直+水平居中
参考文章:CSS实现垂直居中的5种方法
具体效果如图:
这个方法使用了一个 position:absolute,有固定宽度和高度的 div。这个 div 被设置为 top:0; bottom:0; 。但是因为它有固定高度,其实并不能和上下都间距为 0,因此 margin:auto; 会使它居中。使用 **margin:auto;**使块级元素垂直居中是很简单的。
.vert-center{
position:absolute;
top:0;
bottom:0;
left: 0;
margin: auto;
right: 0;