| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1695 人关注过本帖
标题:如何让div固定在屏幕的正中央?急
只看楼主 加入收藏
hhy420459674
Rank: 3Rank: 3
等 级:论坛游侠
帖 子:203
专家分:179
注 册:2010-4-9
结帖率:54.9%
收藏
已结贴  问题点数:10 回复次数:3 
如何让div固定在屏幕的正中央?急
请问各位,怎样让一个div固定在屏幕的正中央啊?
我的代码?帮忙看看我哪里有问题,谢谢
程序代码:
var l,t;
    var divW = 680;         //mapDiv的宽
    var divH = 470;         //mapDiv的高
    var bodyW = parseInt(document.body.clientWidth);
    var bodyH = parseInt(document.body.clientHeight);
   
    l = (bodyW / 2 - divW / 2)+"px";  
    t = (bodyH / 2 - divH / 2)+"px";
   
    document.getElementById("divMap").style.left = l;
    document.getElementById("divMap").style.top = t;

固定divMap的位置在中中央!
搜索更多相关主题的帖子: div 屏幕 中央 
2010-08-03 11:13
bygg
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:乖乖的心中
等 级:版主
威 望:241
帖 子:13555
专家分:3076
注 册:2006-10-23
收藏
得分:10 
程序代码:
    var divW = 680;         //mapDiv的宽
    var divH = 470;         //mapDiv的高   
    var WLeft = Math.ceil((window.screen.availWidth - divW ) / 2);
    var WTop = Math.ceil((window.screen.availHeight - divH ) / 2);  //不过发现这里除以2并不是在中央,呵呵
    divMap.style.left = WLeft;
    divMap.style.top = WTop;

飘过~~
2010-08-03 12:36
hhy420459674
Rank: 3Rank: 3
等 级:论坛游侠
帖 子:203
专家分:179
注 册:2010-4-9
收藏
得分:0 
回复 2楼 bygg
呵呵  我已经问题解决了   虽然好像有点麻烦   不过能够有我那样的效果,嘿嘿,
2010-08-03 14:58
bygg
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:乖乖的心中
等 级:版主
威 望:241
帖 子:13555
专家分:3076
注 册:2006-10-23
收藏
得分:0 
哦,那就好,主要是把分给我了.

飘过~~
2010-08-03 15:14
快速回复:如何让div固定在屏幕的正中央?急
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.018610 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved