欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

div的垂直居中 - dzxczx

程序员文章站 2022-04-26 23:49:43
...
之前一直不会垂直居中,看了一篇文章才知道 原地址 不详了..
 1 .diva{
 2       width:300px;
 3       height:300px;
 4       background-color:green;
 5       position:absolute;
 6       top:0;
 7       right:0;
 8       bottom:0;
 9       left:0;
10       margin:auto;
11 }
12 这是一种垂直居中的方式。
13 
14 第二种兼容比较好
15 
16 .divb{
17       width:300px;
18       height:300px;
19       background-color:red;
20       position:absolute;
21       top:50%;
22       right:0;
23       left:0;
24       margin:auto;
25       margin-top:-150px;//一半的高度
26 }

第一次写博客 不好之处大家见谅 有更好的方法或者错误欢迎指出。