如何让div固定在屏幕的正中央？急 - ASP.NET技术论坛

| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 |

编程论坛 → .NET专区 → 『 ASP.NET技术论坛』 → 如何让div固定在屏幕的正中央？急

我的收件箱(0)

共有 1695 人关注过本帖

标题：如何让div固定在屏幕的正中央？急

只看楼主加入收藏

hhy420459674

等　级：论坛游侠
帖　子：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

来　自：乖乖的心中
等　级：版主
威　望：241
帖　子：13555
专家分：3076
注　册：2006-10-23

第 2 楼

得分: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;