实现让一个DIV在电脑屏幕的正中间显示！
2018-01-29 10:59
429 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
body{
background: black;
}
.main{
width: 1000px;
height: 500px;
position: absolute;
background: #ccc;
left: 50%;
top:50%;
margin-left: -500px;
margin-top: -250px;
}
</style>
</head>
<body>
<div class="main">
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
body{
background: black;
}
.main{
width: 1000px;
height: 500px;
position: absolute;
background: #ccc;
left: 50%;
top:50%;
margin-left: -500px;
margin-top: -250px;
}
</style>
</head>
<body>
<div class="main">
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jquery实现弹出div,始终显示在屏幕正中间的简单实例
- jquery实现弹出div,始终显示在屏幕正中间的简单实例
- jquery实现弹出div,始终显示在屏幕正中间的简单实例
- 两个单选按钮(一个是，一个否 ),一个div层,实现点击隐藏,显示div
- 第49篇一对多实现（六）学生进入只显示一个头像及删除学生id及删除学生div及 array_merge
- 属性动画图片从上移动到屏幕中间，放大图片的二倍再缩小到原来，自定义圆实现倒计时，解析数据显示，点击条目实现js交互
- 使用一个Activity进行所有界面的显示，观察者模式实现标题与底部根据中间页面的改变而改变
- div 如何始终在屏幕中间显示
- C#在后台注册一个脚本，打开一个子窗口，显示在屏幕中间，关闭子窗体刷新子窗体代码
- 一个图片轮换显示的实现，使用DIV+JS，支持Firefox，IE，Safiri
- Joomla!中如何使用switcher.js实现一个位置上div层的切换显示 【转】
- 问题：关于坛友的一个定时重复显示和隐藏div的实现
- [置顶] 浅析移动DIV盒子自动测算电脑屏幕XY坐标显示
- js如何实现点击一个按钮显示一个div，然后该div上有一个按钮，点击此按钮后隐藏，隐藏的同时显示另外一个div，而在次弹出的div也有一个按钮，点击后隐藏.
- 使用jquery点击一个实现button或连接,进行以下div显示,在点击隐藏
- Android手机屏幕实现电脑显示
- 编写一个void sort(int*x,int n)实现将x数组中的n个数据从大到小排序。n及数组元素在主函数中输入。将结果显示在屏幕上并输出到文件
- 始终在屏幕中间显示Div的代码(css+js)
- 如何始终在屏幕中间显示Div
- 设置DIV显示在屏幕中间