js 设置div 页面居中
程序员文章站
2022-07-09 09:27:18
...
<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>
上一篇: window.open居中
下一篇: UL完美居中的方法[转]