<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>CSS Position 定位实现 DIV 在窗口居中</title>
<style type="text/css">
.dialog{
position: fixed;
_position:absolute;
z-index:1;
top: 50%;
left: 50%;
margin: -141px 0 0 -201px;
width: 400px;
height:280px;
border:1px solid #CCC;
line-height: 280px;
text-align:center;
font-size: 14px;
background-color:#F4F4F4;
overflow:hidden;
}
</style>
</head>
<body>
<div class="dialog">
我是在窗口正中央的,呵呵!
</div>
<p style="height:1500px;">CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能,我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限,我不能一一介绍各个 CSS 属性,具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。
</p>
</body>
</html>
相关推荐
Jquery弹出div层窗口以及div屏幕居中, 背景滤镜效果, div拖拽效果 在IE和FireFox测试通过!
通用所有浏览器, 谢谢详细信息详细信息详细信息
弹出居中DIV窗口,背景逐渐变暗,可以在调用时直接定义窗口的大小
当div是浮动的时候浏览器窗口发生变化的时候不能居中显示(因为浮动的时候一般设定的有left或者right值) 可以先用jquery获取外围的div随浏览器变化而变化的宽度(加上监听事件) 之后再获取div的宽度 例如: 代码...
jQuery超炫淡入淡出效果DIV渐变居中弹出框插件
实现div居中的方法有很多,本例介绍的使用css中position:fixed来实现div的上下左右居中,下面以一个DIV 元素在浏览器窗口居中为例
上下左右 居中 ...下面附一个DIV 元素在浏览器窗口居中 其实,实现这个效果并不复杂,利用 CSS 中的 position 定位就可以轻松搞定了。来看看代码吧: 代码如下 复制代码代码如下:<style type=”t
} 2、通过css实现水平居中和垂直居中 通过css创建一个水平居中和垂直居中的div是一件比较麻烦的事情,您必须事先知道另外一个div的尺寸: 代码如下: .className{ width:300px; height:200px; position:absolute; ...
主要功能: 1.动态生成浮动窗口 2.可自由拖动 3.可进行折叠和恢复 4.可自由进行关闭 5.可自由定义标题栏背景 6.可设置为目标窗口的内容 7.可自由定义弹出位置和大小 ...无法默认让窗口居中 总之优点大于缺点啦!
登录窗口嵌入页面居中显示,放置背景图片,并在图片上相应的位置上放置input、button等控件;文档通过div+css实现;实现的结果适应任何分辨率;文档通过操作后形成,含关键代码。
AJAX,淡入淡出, DIV窗口,绝对居中
代码如下: <!DOCTYPE html> <html lang=”en” xmlns=”... <head> <meta charset=”utf-8″ /> <title>... .Div_Scroll { position:fixed;... } .Div_Scroll_Content { position:relat
一直都在想怎么样使弹出的DIV能在任何时候都是居中显示的,刚开始的时候是用CSS样式直接定义好层的位置,但是当页面很长的时候,或是浏览器窗口大小不是固定的时候就不能正确的显示,所以只好用JS来控制DIV的显示...
本文为大家介绍了html 弹出div并移动居中,详细的实现代码如下,感兴趣的朋友不要错过
无论是改变浏览器窗口大小还是下拉滚动条,这个弹出层都能始终保持居中;点击页面的关闭按钮,弹出层消失,页面恢复原样。 这里借鉴之前的一篇文章《基于jQuery的固定飘浮层》,使弹出窗口可以始终固定在浏览器的正...
弹出窗口初始位置为居中。可在关闭窗口时,回调主页面按钮。要求jquery。 效果演示 主要代码(时间仓促,没加注释,不过代码很简单,就是创建几个元素拼在一起,每个元素都用var=标明了) var _divMask; var _...
属性能够将图片居中显示,但在窗口拉伸的过程中,图片往往很随着拉伸而变得惨不忍睹,所以我们可以将图片独立出来,并通过隐藏图片两侧的方式,来达到 banner 图在不同尺寸下居中显示的目的 HTML 结构如下 <div ...