收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 7899|回复: 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所的值的相反数。
回复 支持 反对

使用道具 举报

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

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-10-31 15:16 , Processed in 0.077929 second(s), 10 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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