Dear prawns, how can I center the DIV in the browser? If you set its margins, it will be different if you change the size of the monitor. Thank you! ! !
Set CSS:
div{
margin-left:auto;
margin-right:auto;
}
This requires dynamically setting the position of the Div
style="position:absolute;top={1}px;left={2}px;"
As above, your Div The style needs to be set to this, but top and left need to be calculated dynamically.
The problem is to dynamically obtain the size of the browser window. So the solution is as follows:
<html> <head> <title>DIV居中显示</title> <script type="text/javascript"> var setDivCenter = function(divId){ var oDiv = document.getElementById(divId); oDiv.style.position = "absolute"; oDiv.style.top = (document.body.offsetHeight - 150) / 2 + "px";//这个150是div的高度 oDiv.style.left = (document.body.offsetWidth - 200) / 2 + "px";//这个200是div的宽度 }; </script> </head> <body onload="setDivCenter('dvCenter')"> <div id="dvCenter" style="width:200px;height:150px;background-color:red;"> 我在浏览器的中间 </div></body> </html> Thank you very much! ! ! ! ! !
I want to see how to solve it
Let’s see how to solve it
2nd floor is awesome
Bulk trading platform
How to turn off automatic updates in win10
How to solve the problem that laptop network sharing does not have permissions?
How to implement recursive query in mysql
Website creation software
What to do about connection error
Word single page changes paper orientation
Introduction to the usage of axis function in Matlab
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
