div 页面居中

来源:百度知道 编辑:UC知道 时间:2024/07/07 20:42:06
dreamwave中怎么使div在页面居中啊?我网上找了很多也试了很多都不行.(我不能用表格,因为要把flash弄到透明层里,使flash在flash上).会的朋友请告诉我详细步骤,不胜感激!

在你的那个DIV上加上下面的样式代码:

position:absolute;width:500px;height:200px;left:50%;top:50%;margin-left:-250px;margin-top:-100px;border:solid 3px #ccc;z-index:99;

这个代码能够让DIV绝对位于页面的中间,包括垂直方向。其中-width=2×margin-left;-height=2×margin_top.即-500=2*-250,这个是必须的。width和height的大小你可以根据FLASH的大小来定。z_index表示层在级数,数值越大表示它越在页面的顶层,说白了就是不会给别的层遮挡,这个属性还涉及其他因素的问题,如果不影响显示,你可以把它删掉。

上面这个方法还得计算盒子具体宽度高度,这个在正常开发当中往往盒子大小不固定的,所以最通用的方法如下:

不管盒子多大都能自适应居中