登陆界面上下左右居中自适应屏幕显示的简单实现
来源:互联网 发布:ug线切割编程实例 编辑:程序博客网 时间:2024/05/01 22:30
看代码
<html><head><meta charset="utf8"> <title>登陆系统</title><style type="text/css"> html,body{margin:0;padding:0;border:0;background-color:#333;} #loginPanel{background-color:#eee;}</style></head><body><div id="loginPanel" style="position:absolute;top:50%;left:50%;width:480px;height:240px;margin-left:-240px;margin-top:-120px;">登陆界面</div></body></html>
看效果
收缩窗口效果
不要问我为什么不写注释,因为我也不只是勉强根据单词才出个大概意思而已
不过还是随便补充以下注释吧,否则以后忘记了又要百度
margin-top为负值不会增加高度,只会产生向上位移,值越小离得越近
宽和高需要定死,否则居中会出现问题
阅读全文
0 0
- 登陆界面上下左右居中自适应屏幕显示的简单实现
- 实现一屏幕自适应登陆
- HTML之SWF自适应屏幕居中显示
- div 上下左右居中显示
- Android登陆界面的简单实现(登陆背景渐变,密码点击隐藏与显示)
- js实现使元素在屏幕里上下左右居中
- css实现内容上下左右居中的效果
- 实现div的上下左右都居中
- MFC 窗口最大化和最小化,全局变量的使用、static居中显示、static的背景色设置为透明、根据屏幕自适应调整界面大小
- 利用uinavigattion实现简单的登陆界面
- Html div上下左右居中显示
- html div自适应动态上下左右居中
- 简单的登陆界面
- 简单的登陆界面
- 如何让图片自适应不同屏幕宽度,并居中显示。
- 使用CSS实现上下左右居中
- Ajax等待界面美化和div永远屏幕居中显示
- webView 自适应屏幕 的实现
- hdu 5128 The E-pang Palace 大力判矩形相交
- Java8学习记录(三)-强大的collect操作
- 线程——创建和启动
- 梯度下降法
- 二分查找第一个比k大的数
- 登陆界面上下左右居中自适应屏幕显示的简单实现
- 排序(三):插入排序
- java代码 调用 存储过程
- wordprass portfolio作品集内容页调用当前分类名称方法
- 线程——生命周期
- [4]560. Subarray Sum Equals K(Java)
- POJ 2229 Sumsets
- windbg支持mona脚本
- 【LeetCode】1. Two Sum