js 设立div 页面居中
日期：2014-05-16 浏览次数：20391 次
js 设置div 页面居中
<HTML>
<HEAD>
<TITLE>js根据页面大小变化设置div左右居中</TITLE>
</HEAD>
<body>
<div id="" style="border: solid; width: 100%; height: 100px">
说明:js根据页面大小变化设置div左右居中, 要应用js代码，要设置position：absolute
</div>
<div id="mydiv"
style="border: solid; background-color: red; width: 100px; position: absolute">
此为居中的div
</div>
<!-- <div style="border:solid;height:100px;width:100px">2</div> -->
</body>
<script type="text/javascript">
var mydiv = document.getElementById("mydiv");
var mydiv_resize = function() {
mydiv.style.left = (document.body.clientWidth - 100) / 2;//100为mydiv的宽度
mydiv.style.height = document.body.clientHeight / 2;
}
mydiv_resize();
window.onresize = mydiv_resize;
</script>
</HTML>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
