设置position:absolute是如何让元素居中
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了设置position:absolute是如何让元素居中相关的知识，希望对你有一定的参考价值。
参考技术A 吧，毕竟css里的文章太少了。哈哈。。。定义了元素的position:absolute属性后想让元素
居中就不是那么容易了。如果设置
position:relative后用margin:0 auto可以让元素居
中。但是在实际应用的时候，元素多了就互相干
扰了。可以用js这样简单实现，且支持ie6 (8.0不
知道，但估计没问题)，ff,safari,opera9.0，方法一：使用js（但是发现在IE6上会报错）；方法二：使用JQuery,几大浏览器测试皆通过。
////////////////////////////////javascript
window.onload = aa;
window.onresize = aa;
function aa()
var getE = document.getElementByIdx_x_x
('helpPannel');
var getBody = document.getElementByIdx_x_x('body');getE.style.left = (getBody.clientWidth -
getE.offsetWidth)/2+"px";////////////////////////////////////CSS
*margin:0; padding:0;
.boxwidth:500px; height:500px; background-
color:silver; position:absolute; border:10px solid
black; padding:20px;/////////////////////////////JQuery方法本回答被提问者采纳
以上是关于设置position:absolute是如何让元素居中的主要内容，如果未能解决你的问题，请参考以下文章
div在设置position为absolute的情况下 如何让里面的内容水平居中显示
position:absolute在网页代码中，没办法让网页居中显示，怎么办