找回密码
 注册

QQ登录

只需一步,快速开始

查看: 8059|回复: 8

[求助] 登陆页面怎么让DIV垂直居中,还要兼容。

[复制链接]
发表于 2010-3-5 16:37:50 | 显示全部楼层 |阅读模式
<div style="width:400px;height=200px; border:1px solid blue;">
  用户名<input size=20/>
密 码 <input size=20/>
</div>
发表于 2010-3-9 17:03:48 | 显示全部楼层
position:absolute; left:50%; top:50%; margin-left:-200px; margin-top:-100xp;
回复 支持 反对

使用道具 举报

发表于 2010-3-13 15:54:32 | 显示全部楼层
我电脑存了一个,不知道能不能帮到你!

 提示:您可以先修改部分代码再运行


  1. 请使用运行代码的代码 : [html] -- 需要运行的代码 -- [/html]
复制代码

[[i] 本帖最后由 4321285 于 2010-6-28 16:29 编辑 ]
回复 支持 反对

使用道具 举报

发表于 2010-6-28 16:01:42 | 显示全部楼层
嗯 3楼的更全面
回复 支持 反对

使用道具 举报

发表于 2010-6-28 20:09:25 | 显示全部楼层
三楼的效果可以..
回复 支持 反对

使用道具 举报

发表于 2010-6-28 21:38:40 | 显示全部楼层
三楼的效果不实用.
回复 支持 反对

使用道具 举报

发表于 2010-6-30 11:16:04 | 显示全部楼层
在具体项目中.居中很少使用.因为浏览器都有自己的头部占用了一定高度.窗体再相对浏览器内部居中,则位置会感觉偏下.根据情况一般采用距上30%或者40%.
回复 支持 反对

使用道具 举报

发表于 2010-6-30 17:12:55 | 显示全部楼层
根据二楼给的position:absolute; left:50%; top:50%; margin-left:-200px; margin-top:-100px; 做垂直居中时,就用这个,前面不用动,后面的边界值是你页面的宽度除以2所得的值的相反数以及高度除以2所的值的相反数。
回复 支持 反对

使用道具 举报

发表于 2010-6-30 17:20:07 | 显示全部楼层
根据二楼给的position:absolute; left:50%; top:50%; margin-left:-200px; margin-top:-100px; 做垂直居中时,就用这个,前面不用动,后面的边界值是你页面的宽度除以2所得的值的相反数以及高度除以2所的值的相反数。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备19000417号-2 )

GMT+8, 2021-10-17 20:18 , Processed in 0.059525 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表