<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
div {
position:absolute;
top:50%;
left:50%;
margin:-100px 0 0 -100px;
width:200px;
height:200px;
border:1px solid red;
}
/*]]>*/
</style>
</head>
<body>
<div>web标准常见问题大全</div>
</body>
</html>
--------------------------------------
margin:-100px 0 0 -100px;
分别指的是 元素本身高的二分之一 和宽的二分之一, 当为负数的时候 也即是从TOP,LEFT 中的50% 减去了 自身高的二分之一了 这就符合水平垂直居中
分享到:
相关推荐
一个div在浏览器水平居中的实现方法 第一种方法: CSS Code复制内容到剪贴板 div { margin: 0 auto; width: 960px; } 第二种方法(兼容IE): CSS Code复制内容到剪贴板 body { text-align: ...
js实现div随浏览器高度变化,主要是高度变化和实现滚动条,还有侧栏显示隐藏,可以作为一个地图开发界面的参考
通用所有浏览器, 谢谢详细信息详细信息详细信息
主要介绍了css三种实现div在浏览器水平居中的方法,感兴趣的小伙伴们可以参考一下
介绍: 很多朋友都在问这个问题,div的内容图片垂直居中代码,这个代码兼容多浏览器。
DIV+CSS 图片居中效果 兼容 IE FF。。等浏览器
通用所有浏览器, 欢迎大家分享。 绝对是真的
div 图片上下居中,左右居中 ,兼容多版本浏览器
网页div在屏幕正中间显示
主要介绍了jQuery实现的浮动层div浏览器居中显示效果,涉及jQuery及JS动态操作页面元素与属性相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
全屏页面CSS+DIV上中下三行布局,兼容各浏览器中间居中显示
它可以判断外部div以及内部div的宽度高度,从而实现上下左右居中的目的,兼容主要浏览器 使用方法简单: 1、确保head中引入jquery库以及本例的css样式 2、将代码部分拷贝到你需要的地方 3、在代码...
为什么div css网页在FF浏览器中不能水平居中呢.docx
div相对与table对于图片的垂直居中支持的并不好,特别对于不同浏览器的兼容性来说,这里我们看下一个简洁的css解决方法: 在曾经的 淘宝UED 招聘 中有这样一道题目: “使用纯CSS实现未知尺寸的图片(但高宽都小于200px...
这个可谓是css的高级写法 兼容IE8/IE9/IE10/IE11 火狐,谷歌,360等各种主流浏览器 ... 1、在body的根目录下建立两个嵌套的div 2、分别给两个div加上样式属性即可,详细请见附件index.html文件
div+css文本水平垂直居中,兼容ie、谷歌等浏览器
当div是浮动的时候浏览器窗口发生变化的时候不能居中显示(因为浮动的时候一般设定的有left或者right值) 可以先用jquery获取外围的div随浏览器变化而变化的宽度(加上监听事件) 之后再获取div的宽度 例如: 代码...