繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
基础知识
应用技巧
表单特效
广告代码
网页特效
黑客性质
页面导航：
首页
→
网络编程
→
JavaScript
→
应用技巧
→ 正文内容
Div上下居中
发布：dxy 字体：[
增加
减小
] 类型：转载
点击运行可以看到效果:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <title>Div上下居中－www.51windows.Net</title> <head> <meta name="keywords" content="51windows.Net"> <meta http-equiv=content-type content="text/html; charset=gb2312"> </head> <body> <div style="position: absolute; top: 200; left: 0; width: 300; height: 200;border: 1 solid #C0C0C0;"> <div style="border: 1 solid red;position: absolute;top:expression((this.parentElement.offsetHeight-this.offsetHeight)/2);left:expression((this.parentElement.offsetWidth-this.offsetWidth)/2);">我站在中央了 center</div> </div> <div style="border: 1 solid #C0C0C0;"> <div style="border: 1 solid red;position: absolute;top:expression((this.parentElement.offsetHeight-this.offsetHeight)/2);left:expression((this.parentElement.offsetWidth-this.offsetWidth)/2);">我站在中央了 center</div> </div> </body> </html>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
Tags：
Div上下居中
百度中搜索更多的关于
Div上下居中
内容，或者
用Google搜索相关更多
浏览次数：
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章：
滚动条代码生成器
下一篇文章：
JavaScript的9个陷阱及评点分析
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
判断checkbox选择的个数 多浏览器
一个无限级XML绑定跨框架菜单（For IE）
Javascript技术技巧大全（五）
Windows Live的@live.com域名注册漏洞 利
使javascript也能包含文件
javascript下with 的简化代码写法
用Javascript判断图片是否存在，不存在则
实现表格中行点击时的渐扩效果！
使用Javascript和DOM Interfaces来处理HT
一页面多XMLHttpRequest对象
最 近 更 新
$$()函数应用实例
通过MSXML2自动获取QQ个人头像及在线情况
在window.setTimeout方法中传送对象
动态生成js类的实现方法
js prototype 格式化数字 By shawl.qiu
Js的MessageBox效果代码
繁简字转换功能
List Information About the Binary File
用JavaScript和注册表脚本实现右键收藏We
总结AJAX相关JS代码片段和浏览器模型
热 点 排 行
Div+CSS+JS树型菜单，可刷新
在线游戏大家来找茬II
eval(function(p,a,c,k,e,d)系列
javascript小技巧 超强推荐
动态加载js文件 document.create
Unicode 编码转换器
彻底搞懂JS无缝滚动代码
JavaScript实现Sleep函数的代码
支持IE和FF的div＋css选项卡
由浅到深了解JavaScript类
文章评论
共有 位脚本之家网友发表了评论我来说两句