让div居中的方法
2012-08-01 15:33
218 查看
var docWidth = document.body.offsetWidth;
// var docHeight = document.body.offsetHeight;
var divobj = document.getElementById("align");
var divWidth = divobj.offsetWidth;
// var divHeight = divobj.offsetHeight;
//让图片左右居中显示
var marginleft=(docWidth-divWidth)/2;
divobj.style.marginLeft = marginleft +"px";
//让图片上下居中显示
//var margintop=(docHeight-divHeight)/2;
//divobj.style.marginTop = margintop + "px";
// var docHeight = document.body.offsetHeight;
var divobj = document.getElementById("align");
var divWidth = divobj.offsetWidth;
// var divHeight = divobj.offsetHeight;
//让图片左右居中显示
var marginleft=(docWidth-divWidth)/2;
divobj.style.marginLeft = marginleft +"px";
//让图片上下居中显示
//var margintop=(docHeight-divHeight)/2;
//divobj.style.marginTop = margintop + "px";
相关文章推荐
- 绝对定位的div的居中方法,下面的写法兼容IE系列浏览器和火狐浏览器。
- CSS教程:div垂直居中的N种方法[转]
- div盒子水平垂直居中的方法
- div中的文字上下左右居中的方法
- 绝对定位的div的居中方法,下面的写法兼容IE系列浏览器和火狐浏览器。
- 让图片img标签在div里上下左右居中的方法
- div水平垂直居中的方法
- div中的内容垂直居中的五种方法
- 未知宽高div水平垂直居中3种方法,div水平居中3种
- 控制DIV中文字绝对居中的简单方法
- DIV的垂直和水平居中的各种方法,总有一个适合你!
- div水平垂直居中的方法
- 无固定高度的div在父元素中垂直居中的方法
- CSS教程:div垂直居中的N种方法以及多行文本垂直居中的方法
- CSS网页布局DIV水平居中的各种方法
- 未知高度的div在父元素中水平垂直居中的方法
- div垂直居中的方法(css的),百分比div垂直居中,html5
- css图片在div内上下居中的方法
- CSS文字图片div元素居中方法之水平居中
- 水平垂直居中div三种方法