关于html和body高度 登录页面登录框永远保持在页面垂直水平居中位置

HTML

CSS 解说,水平居中就不用多说了,给div.login_wrap设置个宽度,然后margin:0 auto;就可以做到。但是这里这样做,这里使用了两层div 外层使用margin:0 auto;先做到外层水平居中,然后里面一个div使用绝对定位,代码分别如下。

html, body{height: 100%;margin: 0px;padding: 0px; min-width: 1200px;}

.login_wrap{width:960px;height:inherit;position:relative;margin:0 auto;}

.login_box{width: 400px; background-color: rgba(0,0,0,0.3);height:400px;position:absolute;left:50%;top:50%;margin:-200px 0 0 -200px;}

效果

时间: 2024-10-06 05:15:01

关于html和body高度 登录页面登录框永远保持在页面垂直水平居中位置的相关文章

点击页面先登录,登录后继续之前页面

登录诸如当当网之类的购物网站,未登录前可以先将产品放入购物车,当点击结账的时候会先跳出登录页面,登录后,继续跳至结账页面.一直想写一个类似的demo,终于昨天写了一个,记录下来. 先看代码吧,看完再讲代码. 代码块 后台 包含两个servlet,一个domain对象. CheckLogin.java package com.login; import java.io.IOException; import javax.servlet.ServletException; import javax.

自动生成FTP页面登录地址的js特效

<html> <head> <title>自动生成FTP页面登录地址的js特效丨石家庄玻璃隔断|石家庄电缆附件</title> <script janguage="javascript"> <!-- //这个简单的脚本生成了登录FTP的URL字符串 function goFtpSite() { document.location.href = "ftp://" + document.ftp.login

实现手机扫描二维码页面登录,类似web微信-第一篇,业务分析

转自:http://www.cnblogs.com/fengyun99/p/3541249.html 关于XMPP组件的文章,先休息两天,好歹已经完整的写了一份. 这两天,先实现一套关于web微信扫描二维码页面登录的试验,因为这种模式在我们的很多业务场景里大有前途. 首先介绍一下web微信登录的过程 手机必须运行微信,并且合法登录 打开web微信的页面,展示一个二维码 用手机微信的扫描功能扫描该二维码 页面立即显示手机已扫描 手机显示是否确认登录,点击确认 页面登录 这个过程将传统的web登录转

【解决】php实现页面登录注册功能并实现跳转

目录如下: 思路是不通过数据库等操作实现页面(页面比较简陋,请笑纳) 关于register功能 html页面必要的表单功能 在头部写上 写上条件判断 if ($_SERVER['REQUEST_METHOD'] === 'POST') { login(); } 点击登录按钮开始事件 利用 file_put_contents()把在注册功能上填写的内容写近文本中, file_put_contents('users.txt', $username . '|' . $password . "\n&qu

python接口自动化-token参数关联登录(登录拉勾网)

前言 登录网站的时候,经常会遇到传token参数,token关联并不难,难的是找出服务器第一次返回token的值所在的位置,取出来后就可以动态关联了 登录拉勾网 1.先找到登录首页https://passport.lagou.com/login/login.html,输入账号和密码登录,抓包看详情 找到token生成的位置 1.打开登录首页https://passport.lagou.com/login/login.html,直接按F5刷新(只做刷新动作,不输入账号和密码),然后从返回的页面找到

Oracle EBS避免长时间不登录重新登录

 如何避免长时间不登录重新登录 (英文环境) 1.将配置文件ICX:Session Timeout的值设为空 2.将ICX:Limit time设置稍大些,如8小时 Profile说明: ICX:Session Timeout This profile option determines the length of time (in minutes) of inactivity in a user's session before the session is disabled. If th

bash的登录与登录成功显示信息对的修改

切换到命令输入模式下面Ctrl+Alt+F2~F7: 没有修改前的登录和登录成功显示的信息 1.修改配置文件: vim /etc/issue      (修改登录前界面的提示信息) 修改为: 修改之后登录界面的登录信息修改为: 2.修改登录系统之后界面提示信息: 上面第一张t图片里面有显示登录之后的提示信息 那么,我们来修改配置文件:vim /etc/motd  (修改成功后的提示信息) 修改之后的内容: 登录之后提示的信息: 3.当别人通过Telnet(远程链接)到我们系统时,别人界面显示的提

Java网络编程:登录界面 登录验证 以及登录成功的好友界面

引言 ? ? 这部分我们就开始设计这个山寨版的qq了,首先最开始的就是需要一个登录界面,当输入的用户名密码正确之后,就跳转到登录成功的界面,我们这里登录成功之后设计的是显示该用户好友界面,这一串我认为是一个整体,所以就放在了一起来写,可能会造成本文比较长. ? 首先我们来看一下登录界面 ? 登录界面 ? ? 我们设计的登录界面如图所示 ? ? ? ? 分析界面 ? ? 这个界面可以分为三个大的部分,北部的一张图片,qq2003全新体验Q人类,中部的QQ号码,手机号码和Email登录部分,以及下面

环信其他设备登录返回登录界面

/*! * 环信其他设备登录返回登录界面 */- (void)didLoginFromOtherDevice{ WEAKSELF  //弱引用 [SVProgressHUD showErrorWithStatus:@"你的帐号在其他设备上登录"]; [[EaseMob sharedInstance].chatManager asyncLogoffWithUnbindDeviceToken:NO completion:^(NSDictionary *info, EMError *erro