实现让一个DIV在电脑屏幕的正中间显示！

<!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">

</div>

</body>
</html>

原文地址：http://blog.51cto.com/11871779/2066283

时间： 2024-11-18 10:33:58

实现让一个DIV在电脑屏幕的正中间显示！的相关文章

相机拍的图，电脑上画的图，word里的文字，电脑屏幕，手机屏幕，相机屏幕显示大小一切的一切都搞明白了！

先说图片X×dpi=点数dotX是图片实际尺寸,简单点,我们只算图片的高吧,比如说拍了张图片144×144 72dpi,那么它的实际高就是144÷72=2吋dpi是每吋点数,在相机拍出一张图片之后它的dpi就确定了(右键属性摘要里就能看),比如最常见的72dpi,还说上面提到的144×144 72dpi的图片,72dpi的意思是说如果也按照72dpi打印图片的话打印出来还是高2吋(X)的可是我们经常最到的情况是输入设备dpi和输出设备dpi不一致的情况,比如对这张144×144 72dpi的图片

设置一个DIV块固定在屏幕中央（两种方法）

设置一个DIV块固定在屏幕中央(两种方法) 方法一: 对一个div进行以下设置即可实现居中. <style> #a{ position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; } </style> <!doctype html> <html lang="zh-cn"> <head> <meta charset="UT

使用jQuery在屏幕上居中一个DIV

文章目录我如何去使用jQuery在屏幕的中心设置<div>? 我喜欢给jQuery添加函数,所以这个函数将有助于: jQuery.fn.center = function () { this.css("position","absolute"); this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scr

利用onresize使得div可以随着屏幕大小而自适应的代码

原文:http://www.jb51.net/article/21831.htm 当我们让div居中时候,一般有两种方法,一种是固定左右宽度,也就是使用像素绝对定位:另一种是用百分比来相对定位,在这种两种方式下,绝对定位是不能让div随着屏幕而自适应的,而用百分比就可以,但是,是用百分比就会有一个新的问题,如果我们的页面中有这么一句 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:

如何旋转电脑屏幕

如何旋转电脑屏幕 2 方法:Windows系统Mac电脑旋转电脑允许你以纵向模式或倒置方向浏览你的屏幕显示器.这是阅读文档和电子书的绝佳方式,也能帮助我们实现在难触及的位置安放电脑屏幕,同时在编程或创作数码艺术的时候也很有用.在Windows系统和Mac系统中旋转屏幕通常是件很简单的事情,但是有时候有些计算机制造商让事情变得更加困难了.阅读本文来了解如何旋转电脑屏幕吧. 方法 1: Windows系统 1 了解电脑制造商能够禁用屏幕旋转功能.实际上,Windows系统并不提供这个选项,而是由硬

电脑屏幕抖动及闪烁问题故障解决

电脑屏幕出现闪烁或者抖动会让你感觉眼睛很快就疲劳,严重影响视力,所以建议遇到电脑屏幕闪烁或者电脑屏幕抖动需要及时去解决电脑故障.你可以学习相关如何优化电脑教程. 产生电脑屏幕闪烁或者电脑屏幕抖动怎么办呢?一般新电脑显示器很少出现电脑屏幕闪烁或者抖动,如果新显示器出现以上故障我们首先排除以下几种可能: 一.显示刷新率设置是否正确检查方法是:在我们电脑桌面空白区域右键---属性--设置--高级---监视器如下图: 从中可以看到显示器的刷新频率设置为"60" ,这正是造成显示器屏幕不

电脑屏幕一直闪是怎么回事？

电脑屏幕闪烁的原因一.显示刷新率设置是否正确检查方法是:在我们电脑桌面空白区域右键---属性--设置--高级---监视器:从中可以看到显示器的刷新频率设置为"60",这正是造成显示器屏幕不断抖动的原因.将新频率设置为"75"以上,再点击确定返回桌面就可以了.部分笔记本电脑只有60HZ这个数值,那么就不需要设置了,另外设置过高容易引起显示器损坏,所以大家尝试改下,如果以前没动过,可以直接选用默认即可. 电脑屏幕闪烁的原因二.检查显卡驱动程序是否正确有时我们更改屏幕

oppo手机怎么投射到电脑屏幕上

手机投屏到电脑上,可以使得画面放大.看起来更加的舒服,从而观看体验也会上升.那么如何实现安卓手机投屏到电脑?下面便来分享具体的投屏方法,希望对大家能够有所帮助.使用工具:手机.电脑操作方法:1.我们上学的时候,老师都是用投影仪给学生们讲课,一样的道理,小屏幕转化成大屏幕,更加方便大家的观看,所以手机投屏电脑也是一个不错的选择.2.之后打开我们的手机,点击底部导航栏上的投屏按钮进入投屏页面.3.如果在投屏的时候需要将手机屏幕上的画面给记录下来,我们可以点击将右上角的自动录屏打开,这样在开始投屏后,

jQuery生成一个DIV容器，ID是"rating".

我们需要一些服务器端代码,这个例子中用到了一个PHP文件,读取rating参数然后返回rating总数和平均数.看一下rate.php代码.虽然这些例子也可以不使用AJAX来实现,但显示我们不会那么做,我们用jQuery生成一个DIV容器,ID是"rating". $(document).ready(function() { // generate markup var ratingMarkup = ["lease rate: "];