Question

div+css 如何实现 div的垂直，水平居中(自适应的那种，不要margin-top:300这样假的居中) ，求高手指点！！

高手们指点下小弟好不！！！

Answer 1

插一个宽度为100%的div，margin和padding都设为0，再把要居中的div内嵌到刚才的div中，给外面的div样式：style=" vertical-align:middle; text-align:center"

追问

你也太小看我了吧。。。能指点个有层次的办法不？

Answer 2

我一般有这样的页面的话，都是在DIV中插入一个100%高宽的表格，设置表格属性垂直居中和水平居中

追问

display:table 这个属性在ie7不支持的

追答

不是这个属性，就是直接插入一个表格啊

撒大声地爱上

或者不用表格，那就用下面的 ，这俩我经常用的，没问题的

.psdthumb { height: 1%; overflow: hidden; display:table; border-spacing:10px; }
.psdthumb li {border:1px solid #aaa; width:240px; height:160px; text-align:center; vertical-align:middle; position:relative; margin: 10px; *float:left; display: table-cell; }
.psdthumb .qq { *position:absolute; top:50%; }
.psdthumb .qq img { *position:relative; top:-50%; left:-50%; }

11111111111111111
222222222222222222222222222

追问

你好，很感谢你，table的那种方法我试了下没什么问题,第二种为什么不行，希望你能指点下？ 能不用diaplay:table 吗？ IE7不支持该属性的。

Answer 3

<style type="text/css">
<!--
div {
position:absolute;
top:50%;
left:50%;
margin:-100px 0 0 -100px;
width:200px;
height:200px;
border:1px solid red;
}
-->
</style>
垂直水平都可以居中。

Answer 4

margin：auto .楼上的“vertical-align:middle”只是针对文本居中，对于对象是无效的

Answer 5

auto 就是自适应