html绝对定位的元素如何让它始终居中？

Posted 2023-03-21

如题。。3Q

参考技术A 既然是绝对定位，就没有居中这一说法，因为居中肯定参考某一值来居中的，例如参考浏览器居中。应该是相对对位，如果是相对定位的话，直接margin:0 auto 就可以了。另外，我估计你的意思是某一个DIV块是绝对定位，然后里面的东西是相对这个div块居中，那么也是定义里面块margin属性就可以了 参考技术B 我举个例 知道定位元素本身的宽高的话 例 宽高 是300px 可以这个来居中 position: absolute; left: 50%; top: 50%; margin：-150px 0 0 -150px; 参考技术C 垂直居中仅需要声明元素高度和下面的CSS:
margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; 参考技术D 设置CSS属性margin:0px auto;