我开始以为上下居中不可能，在网上搜索良久，才知道凡事都有可能哦，不说废话，看代码
如果只设置网页左右居中的话，直接设置div的margin属性为：distance-top auto;即可设置水品居中。
垂直居中的方法：我只找到一种增添空元素的方法，代码如下：
<style type="text/css">
<!--
#outer{ //该div用来匹配你的屏幕高度
height:100%;
}
#inter{ //绝对定位，这个div块儿起点距屏幕上边框50%，距离左边框也是50%，这样
position:absolute; //你想要居中显示的那些内容就放在这个块儿里，用绝对定位设置上和左的距离
top:50%; //即距离该div上方是（-居中内容的高度的一半），距离左方是（-居中内容的宽度的一半）
left:50%;
}
#content{
position:absolute;
padding:0px;
width:400px;
height:1500px;
margin:-750px -200px; //设置距离上个div块儿的距离，是负值，因为上一个div的起点正好是中间，咱就让你要居中显示的
background-color:#9F0; //内容中心正好在上个div的起点就好了
}
-->
</style>
</head>
<body>
<div id="outer">
<div id="inter">
<div id="content">
</div>
</div>
</div>
</body>
分享到：
相关推荐
上下左右都居中的CSS+html写法，position:absolute;top:50%;margin-top:-50px;left:50%;margin-left:-50px;
之前给大家介绍过一个上下左右垂直居中的效果 相关链接如下：纯css实现div容器内图片上下左右居中效果 今天再给大家介绍一个部分基于css3的上下左右垂直居中效果 大家都知道给一个div设置相对定位，...
DIV+CSS上下左右绝对居中
此前给大家推荐了一个纯css实现div容器内图片、文字上下居中的效果，缺点是采用了部分css3样式，兼容性较差，相关链接：纯css实现div容器内图片上下左右居中效果 今天特意在网上找到了一款插件--jquery.valign，可...
html文本上下左右居中
resizepic 根据图片的实际比例适用外层div的大小，或左右居中显示 或上下居中显示。 完美解决图片缓存后不执行onload事件的情形。兼容 ie ff 谷歌
让Div层上下左右都居中的方法! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
css：可以令层中层上下左右居中。（即：div之中的div的文本，上下左右居中显示）
html div 自适应剧中 上下左右全部居中
CSS3手机移动端上下左右居中代码是一款基于css3实现的上下左右垂直居中效果。
jQuery实现上下左右垂直居中是一款jquery.valign插件，可控制图片、文字在div容器内垂直上对齐、居中、底部对齐三种效果。
最近在面试,不停地收到了知识冲击,尤其是对于一些基础的css、html、js问题居多,所以自我也在做反思,今天就css问题,如何让一个子元素div块元素上下左右...
div 图片上下居中，左右居中 ，兼容多版本浏览器
一款不需要任何JS即可控制图片上下左右居中的效果 以前以为必须要JS才能控制图片上下居中的，现在才发现原来css也有这个本事 一半只有table，默认图片才会上下居中，现在只需要加几行css即可实现，高级。使用方法...
它可以判断外部div以及内部div的宽度高度，从而实现上下左右居中的目的，兼容主要浏览器 使用方法简单： 1、确保head中引入jquery库以及本例的css样式 2、将代码部分拷贝到你需要的地方 3、在代码...
上面这段代码的意思是说使wrap这个div到左右两侧的距离自动设置，上下为0（可以为任意）。 二、相对定位与负的边距 #wrap { position:relative; width:760px; left:50%; margin-left:-380px } 这段代码的意思...
实现div居中的方法多如牛毛，本例为大家介绍的这个方法是使用css中position:fixed来实现div上下左右居中，这个小技巧比较使用，大家看看
一个上下左右都居中的非table的纯CSS实现代码
利用百分比控制文字上下居中，纯css控制，div布局，通过百分比控制文字垂直居中
图片文字上下左右垂直居中