如何将一个盒子显示在浏览器的正中间
1、通过CSS来实现
1)
position: absolute; top:50%; left:50%; margin-left:-101px; margin-top:-101px;
2)
position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;
2、通过JS来实现
<script type="text/javascript">
var winW = document.documentElement.clientWidth || document.body.clientWidth;
var winH = document.documentElement.clientHeight || document.body.clientHeight;
var box = document.getElementById("box"); var boxTop = document.getElementById("boxTop"); var boxW = box.offsetWidth;
var boxH = box.offsetHeight; box.style.position = "absolute";
box.style.left = (winW - boxW) / 2 + "px";
box.style.top = (winH - boxH) / 2 + "px";
</script>