div的垂直居中 - dzxczx
程序员文章站
2022-04-26 07:57:55
...
之前一直不会垂直居中,看了一篇文章才知道 原地址 不详了..
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 }
第一次写博客 不好之处大家见谅 有更好的方法或者错误欢迎指出。