如何使div在任何分辩率的情况下居中
时间：2007-08-13 09:10:00
在并不知道DIV浮动层的宽度，高度的情况下，如何使浮动层在任何分辩率的情况下居中呢！
下面使用了JAVASCRIPT来实现这个功能，它可以根据页面的变化动态改变层的位置。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title> * emu * </title>
<SCRIPT>
<!--
window.onresize = resetDIV;
function resetDIV()
{
with(document.getElementsByTagName("DIV")[0].style)
{
left = (document.body.offsetWidth-parseInt(width))/2
top = (document.body.offsetHeight-parseInt(height))/2
}
}
//-->
</SCRIPT>
</head>
<body onload="resetDIV()">
<div style="position:absolute;width=200;height=200;background-color=yellow"></div>
</body>
</html>
[提示：你可先修改部分代码，再按运行]
标签：div居中
0
投稿猜你喜欢
Python中的单行、多行、中文注释方法
2022-03-21 21:56:38
sql server update 表的问题
2009-10-04 20:32:00
web前端开发也需要日志
2024-04-18 10:04:05
python statsmodel的使用
2021-04-22 13:38:13
asp dictionary对象使用介绍
2008-05-30 13:51:00
简单了解python 生成器 列表推导式 生成器表达式
2023-12-05 09:21:02
原生JS实现跑马灯效果
2024-04-19 09:53:11
python将字符串转换成json的方法小结
2023-11-17 23:58:57
浅谈图像处理中掩膜(mask)的意义
2021-03-17 01:48:50
python os.system执行cmd指令代码详解
2022-04-04 07:36:21
网站开发防止中文乱码需要了解的codepage的重要性小结
2011-03-03 11:24:00
Python中BeautifulSoup模块详解
2023-07-21 21:53:15
Python读取xlsx文件报错:xlrd.biffh.XLRDError: Excel xlsx file;not supported问题解决
2021-02-02 16:08:59
基于pycharm 项目和项目文件命名规则的介绍
2021-02-05 19:30:51
浅谈Python中的函数(def)及参数传递操作
2023-01-20 20:13:54
PHP chr()函数讲解
2023-06-05 04:03:58
python中函数默认值使用注意点详解
2021-01-26 12:36:44
使用beaker让Facebook的Bottle框架支持session功能
2023-07-01 02:35:35
分享JavaScript与Java中MD5使用两个例子
2024-05-22 10:40:17
利用Anaconda简单安装scrapy框架的方法
2021-05-28 15:47:13
