如何使div在任何分辩率的情况下居中
发布时间：2007-08-13 09:10:00
标签：div居中
在并不知道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>
[提示：你可先修改部分代码，再按运行]
0
投稿猜你喜欢
效果演示开发工具Python版本： 3.6.4相关模块：pygame模块；PyQt5模块；以及一些Python自带的模块。环境搭建安装Pyt- 我们越来越多的使用pandas进行数据处理，有时需要向一个已经存在的csv文件写入数据，传统的方法之前我也有些过，向txt，excel文件写
- V5.0之后，我们总结了一些得失。首先要说的是改版的动力。产品设计或产品升级的驱动力只有两个：用户需求和网站目标。之前的我们的多次改版，其驱
- 一、INSERT语句中有反斜杠（\）1. 实际测试咱们用下面这些SQL来测试一下反斜杠（\）在INSERT语句中会是啥样？INSERT IN
- 如下所示：解读： transpose( ) 方法的参数是一个 由 轴编号（轴编号自0 开始） 序列构成的 元组。开始时，数组的轴编号序列是默
- 效果图如下所示：实现代码如下：<!DOCTYPE html><html lang="zh-cn">
- 什么是闭包闭包（Closure）是一种函数，它被定义在另一个函数的内部，并且可以访问该函数作用域中的变量，即使该函数已经执行完毕并被销毁。换
- 源代码、参数及其意义：def sub(pattern, repl, string, count=0, flags=0): &n
- 本文使用的代码book_dict = {"price": 500, "bookName": &quo
- 业务需求 识别验证码图片中的数字信息，用pyt
- 方法一：psutil模块#!usr/bin/env python# -*- coding: utf-8 -*-import socketim
- Juan Pablo De Gregorio 的 原文很多人都问我如何为一本杂志、一份报纸、一张海报、一份简报或是一份出版物选择
- 前言前几天逛github发现了一个有趣的并发库-conc，其目标是：更难出现goroutine泄漏处理panic更友好并发代码可读性高从简介
- 1、 下载MYSQL5.1.48源码,CMAKE,VS2008 2、 安装CMAKE和VS2008,解压MYSQL5.1.48到D:\mys
- 背景:因为工作需要，公司给每个员工都分配了一个邮箱 公司的各种业务都通过邮箱发送。虽然给每个员工的电脑都设置pop3登录但是他们的程序设定有
- 我有个MM在网上面安了家，想做一个关于特效的网站。她虽然懂一点网页制作，但是她的机器配置比较低，有时为了反复试验页面上一些特殊效果，而打开D
- 数字范围：922337203685477~-922337203685477函数代码如下： <％Public Fun
- 进入主题1.import turtle as timport matht.pensize(3)t.tracer(10)t.hideturtl
- 1 。打开您的Microsoft Visual Basic:点击确定,以下就按照蓝色的数字步骤.2 。修改工程名和类模块的名称:
- rs.open sql,conn：如果sql是delete,update,insert则会返回一个关闭的记录集，在使用过程中不要来个rs.c
