230问答网 > 怎么用js让一个div定位于屏幕的正中，适应分辨率 .conent{ width: 980px; height:680px;}

怎么用js让一个div定位于屏幕的正中，适应分辨率 .conent{ width: 980px; height:680px;}

特殊情况，只能用js或都jq ~~~~~~~~~~~~~~~~

2024-12-14 23:42:33

推荐回答（3个）

回答1：

这个确实不用JS，同意小文_计算机的做法，俺平常也是这样做的
原理：让DIV的原心与浏览器的原心重合。
样式： { position:absolute; left:50%; top:50%; width:300px; height:200px; margin-left:-150px; margin-top:-100px;}
1. position:absolute; 绝对定位，便于下面定位容器左上角的位置
2. left:50%; top:50%; 此时容器的左上角已经与浏览器正中央重合，接下来再让容器向左和向上分别移动宽度和高度的一半，容器原心就和浏览器原心重合了。
3. width:300px; height:200px; margin-left:-150px; margin-top:-100px; 定义容器宽高，并向左和向上移动宽度和高度的一半，大功告成！

回答2：

不用 js ，纯 css 就可以
原理：
1. 左定位 50%(一半的屏幕)
2. 左边距，减自身宽度的一半。

123

自己用js动态修改css属性

回答3：

兼容各浏览器