<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
div {
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -150px;
width:300px;
height:300px;
border:1px solid red;
}
</style>
</head>
<body>
<div>这里就居中了</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
div {
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -150px;
width:300px;
height:300px;
border:1px solid red;
}
</style>
</head>
<body>
<div>这里就居中了</div>
</body>
</html>
分享到：
发表评论
-
colgroup-table
2016-05-25 09:35 315<table width="100%" ... -
字母换行
2016-04-19 10:57 390word-break: break-all -
form上的提交
2014-10-21 10:09 291onsubmit 是表单提交时触发 onclick是按钮点击时 ... -
输入关键 鼠标点击自动删除
2014-10-21 10:09 606<input name="" typ ... -
设置ie6下png图片及背景透明的方法 2011-12-1 15:07阅读(1)
2014-10-21 10:10 323设置ie6下png图片及背景透明的方法： (1)微软滤镜法：f ... -
两端对齐
2014-11-20 15:22 456text-align:justify;text-justify ... -
div里的span火狐下不兼容
2014-11-20 15:22 375display:-moz-inline-box;display ... -
导航导航导航导航
2014-11-20 15:23 391<!DOCTYPE html PUBLIC " ... -
路径（链接）
2014-11-20 15:23 319<DIV > ... -
line-height ie6失效
2014-11-25 13:44 349.gwc-border ul .gwc_66{width:11 ... -
控制框架页面或<iframe>内嵌页面在指定页面(区域)打开页面
2014-12-01 13:41 822iframe src="http://zhidao. ... -
固定背景不随滚动条滚动
2014-12-01 13:44 394<BODY style="BACKGROUND ... -
标题 更多
2014-12-01 13:47 286<head> <meta http-equi ... -
图片垂直居中
2014-09-26 14:45 0<head> <title>fdf&l ... -
rows就是行 ie6下li里图片失效解决
2014-09-26 14:45 0rows就是行,cols就是列 .box img { vert ... -
iframe不能全部显示
2014-12-01 13:42 460解决方法：DOCTYPE头部声明去掉就可以了 关键应该在wi ... -
div 换行
2014-12-01 13:42 388<div style="width:100px ... -
fieldset
2014-09-26 14:41 0<style> div{font-size:14p ... -
表格宽度内容自适应
2014-09-26 14:40 0white-space:nowrap; padding:0px ... -
ie6 position: fixed
2014-09-26 14:39 0<!--[if IE 6]> <styl ...
相关推荐
层垂直居中于浏览器，一直是新手朋友比较头疼的问题。 其实解决的思路是这样的：首们需要position:absolute;绝对定位。而层的定位点，使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。 如：一个...
不同的浏览器对水平和垂直居中的不同体现，兼容所有浏览器的终极方法
怎样使一个层垂直居中于浏览器中 如何让三列横向排列 通用的加入收藏夹代码 复制到系统剪贴板之IE,ff兼容版 javascript为FF设置首页 IE6使用滤镜使PNG图片透明后，容器内链接失效的问题 禁用文本框中文输入法的通用...
介绍： 层垂直居中于浏览器，一直是新手朋友比较头疼的问题。 其实解决的思路是这样的：首们需要position:absolute;绝对定位。而层的定位点，使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。 如：...
垂直居中显示ie7+
介绍： 很多朋友都在问这个问题，div的内容图片垂直居中代码，这个代码兼容多浏览器。
通用所有浏览器， 谢谢详细信息详细信息详细信息
。。。
。。。
css 多行文本垂直居中显示，兼容各大浏览器！
定义的一个层即能在浏览器中左右居中，又可以上下居中，可以用绝对定位再结合百分比形式的left、top属性以及负外补丁来实现，下面是示例
δ知大小的图片在已知容器中的垂直居中和水平居中，一直是困扰大家的问题，今天西西带给大家一个简单的实现办法，详见css文件，此代码兼容各个浏览器，源码库推荐下载！
” 当然出题并不是随意，而是有其现实的原因，垂直居中是淘宝工作中最常遇到的一个问题，很有代表性。 题目的难点在于两点： 1.垂直居中； 2.图片是个置换元素，有些特殊的特性。 至于如何解决，下面是一个权衡的...
通用所有浏览器， 欢迎大家分享。 绝对是真的
div+css文本水平垂直居中，兼容ie、谷歌等浏览器
在前面的文章中我简单总结了一个“CSS在页面布局中实现div水平居中的方法”，其实水平居中实现还是比较简单的，反而垂直居中有点麻烦，因为我们设计页面的时候往往水平宽度都是固定的。因此我们有必要总结一下在页面...
表格可以实现td中的元素垂直居中显示，但是前提条件必须定义td的高才可行。 但是很多时候会用到元素跟随浏览器的大小垂直居中，如在制作展示官网、活动展示网等等的时候。 问题： 实现div垂直居中并在缩放浏览器尺寸...
未知大小的图片 垂直居中，水平居中，纯CSS。兼容主流浏览器。
div相对与table对于图片的垂直居中支持的并不好,特别对于不同浏览器的兼容性来说,这里我们看下一个简洁的css解决方法: 在曾经的 淘宝UED 招聘 中有这样一道题目： “使用纯CSS实现未知尺寸的图片(但高宽都小于200px...