用js + css
// 窗口 居中 ****开始
var doResize = function() {
var content = document.getElementById('main-login-div'); // 需要居中的div的ID
var h = (document.documentElement.clientHeight);
var mt = Math.round((h - 400) / 2);// 需要居中的div的高度
var w = (document.documentElement.clientWidth);
var wt = Math.round((w - 600) / 2);// 需要居中的div的宽度
content.style.top = mt > 0 ? mt + 'px' : '0px';
content.style.left = wt > 0 ? wt + 'px' : '0px';
};
var initWin = function() {
window.onresize = doResize;
doResize();
document.getElementById('username').focus();
}
initWin();
// 窗口居中 *****结束
分享到:
相关推荐
NULL 博文链接:https://javapub.iteye.com/blog/709361
该html代码是实现DIV居中及DIV垂直居中的实例,包括: div居中, div内文本居中及垂直居中, div嵌套div并居中, div嵌套div并垂直居中.
div居中
如何让DIV居中,这里有源代码。 许多朋友都不清楚DIV如何让它居中,其实很简单! 如果是对页面所有DIV居中,就写在BODY的CSS中; 如果是针对特定的DIV,就写在该DIV的CSS中
一款jQuery+DIV居中淡入淡出信息提示框示例
以前的想法是通过CSS+Div使div居中,但是现在的想法变了,通过JavaScript可以简单的使Div在页面上居中,随着网页大小的改变做出相应的改变。而且只要明白了居中的原理轻而易举的就可以实现了。 先看一下居中的原理吧...
一些div居中以及常用的CSS属性,一些div居中以及常用的CSS属性
要把元素相对于视口进行居中,那么相当于父元素的高度就是视口的高度,视口的高度可以用vh来获取
CSS网页布局DIV水平居中的各种方法 CSS网页布局DIV水平居中的各种方法 CSS网页布局DIV水平居中的各种方法 CSS网页布局DIV水平居中的各种方法 CSS网页布局DIV水平居中的各种方法CSS网页布局DIV水平居中的各种方法
实现div居中的方法多如牛毛,本例为大家介绍的这个方法是使用css中position:fixed来实现div上下左右居中,这个小技巧比较使用,大家看看
非常实用的页面制作,用于设置div的透明度,以及div在页面左右居中
div居中的使用还是比较广泛的,在本文有个不错的示例,可以帮助大家更好的理解div居中显示,感兴趣的朋友不要错过
主要介绍了Jsp中如何让图片在div中居中的小技巧,需要的朋友可以参考下
/*外层div居中*/ #main { position: absolute; /*极为重要*/ background-color: blue; width:400px; height:200px; /*left:50%; top:50%; margin-left:-200px; margin-top:-100px;*/ border:1px solid #00F; } #...
Jquery弹出div层窗口以及div屏幕居中, 背景滤镜效果, div拖拽效果 在IE和FireFox测试通过!
div设置成float之后,在父div中设置text-align:center,就无法使子div居中显示了,不过我们可以使用变通的方法达到这一效果,就是在父div上再套一个div,如下: 复制代码代码如下: <div id=”outerdiv” xss=...
实现让多个DIV排列时居中 css div 并列居中
CSS 如何使DIV层水平居中 今天用CSS碰到个很棘手的问题,DIV本身没有定义自己居中的属性, 网上很多的方法都是介绍用上级的text-align: center然后嵌套一层DIV来解决问题. 可是事实上这样的方法科学吗? 经过网络搜索和...
div设置成float之后,在父div中设置text-align:center,就无法使子div居中显示了,不过我们可以使用变通的方法达到这一效果,就是在父div上再套一个div,如下: 复制代码代码如下: <div id=”outerdiv” xss=...
DIV 垂直居中DIV 垂直居中DIV 垂直居中DIV 垂直居中DIV 垂直居中DIV 垂直居中