div自动适应浏览器窗口水平和垂直居中
2024-08-25 21:36:08
html
<body>
<div id="centerDiv">自动适应水平和垂直居中</div>
</body>
css
*{margin:;padding:;}
#centerDiv{width:834px; height:550px; border:1px solid #9f9f9f;
position:absolute;
left:50%;margin-left:-417px;
top:50%;margin-top:-275px;
}
原理就是:先用left:50%;top:50%让这个div的左上角居于页面的正中,然后用margin-left:-417px;margin-top:-275px;使div向左向上移动它自身宽高的一半.
最新文章
- PowerDesigner连接Oracle并导出表结构
- SCRIPT65535: 意外地调用了方法或属性访问 ie下不兼容 解决
- 解决“LINK : fatal error LNK1123: 转换到 COFF 期间失败: 文件无效或损坏”问题
- eclipse 使用(一)单步调试
- nodejs+express+jade安装备忘
- 【GOF23设计模式】命令模式
- iPhone中如何判断当前相机是否可用
- pymongo数据报表脚本
- 3、XCode: 如何添加自定义代码片段
- JavaScript函数与对象
- [SDOI2018] 旧试题
- 【记录】使用在线KMS激活Office系列
- linux脚本启动应用
- 【中间件安全】IIS6安全加固规范
- Qt setMouseTracking(true) 无效
- css学习(1)
- http://ctf.bugku.com/challenges#Easy_Re
- Transactional注解中常用参数说明
- ArcGIS Server 10 for java 注册SOE出现的问题
- 盒子模型之margin相关技巧!