指定页面居中的元素
如果我有一个位于中间的层的同时又有一个位于该层中间的层的话,应该计算的是该层相对于父层的相对位置,所以上面的脚本实现的是父层的宽度是303,高是284,那么屏幕的分辨率减去宽和高除以2就是该层的居中位置,子层的位置是该层的宽和高减去子层的宽169和高67除以2即得到子层的中心位置。
扩展资料:
DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。DIV在编程中又叫做整除,即只得商的整数。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。
如果用fixed的话,ie6不支持,你干脆用position:absolute;应该是垂直居中吧,就是在任何浏览器中
上下左右都居中如果是那样的话,你可以这样写
div{position:absolute;width:200px;height:200px;top:50%;left:50%;margin:-100px
0
0
-100px;border:1px
red
solid;}
里面的宽高你可以随便设定,但是margin值要是宽高德-1/2,我加了个border,你可以先看一下效果
如果元素的宽高固定,那么,css指定样式为top:50%;left:50%;
而margin-top和 margin-left 指定为负数,绝对值为自身宽高的一半 ;
参考实例如下:
指定页面居中的元素
你的样式有问题啊,宽度必须固定,不然是居中不了的
貌似楼主的这个问题不算问题吧
如果你设宽度自适应width:auto 的话,那你就根本就没必要设居中了,因为div默认和自适应都是宽度最大化,既然最大化了自然就没必要设定居中了
如果你要设定居中那就必须给div设定一个宽度,那么margin:0 auto;自然就可以兼容所有浏览器
假如楼主想要的效果是div自适应是div宽度默认最小化,那么我可以给楼主推荐一个简单的方法,那就是把div插入一个table中,记得table不要设定宽度或者100%宽度,因为table默认是宽度高度都最小化,加了margin:0 auto;可以实现居中
至于其他的方法我就懒得推荐了,那些方法太过复杂,
比如设定绝对定位,大部分浏览器是解析成div最小化,但并非全部都兼容,使用ul li也是一样的原因