本文主要是介绍position:absolute下，top:0,right:0,bottom:0,left:0 结合margin:auto的作用（让明确宽高的盒子水平垂直居中于父元素），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
绝对定位 + margin，让明确宽高的盒子水平垂直居中于窗口
<!DOCTYPE>
<html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0" ><meta http-equiv="X-UA-Compatible" content="ie=edge"><style>/* 让明确宽高的盒子垂直水平居中于父元素 */.wangyi-loading{width: 360px;height: 360px;margin:auto;position: absolute;top:0;right:0;bottom:0;left:0;border:5px solid red;}</style></head><body><div class="wangyi-loading"></div></body>
</html>
这篇关于position:absolute下，top:0,right:0,bottom:0,left:0 结合margin:auto的作用（让明确宽高的盒子水平垂直居中于父元素）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
