Question

div在ie下怎么才能居中显示内容？

i‘am sorry ，div怎么才能垂直居中显示内容

Answer 1

1、按照习惯布局，div一般都设定为宽度固定，高度自动伸缩，这样的情况下，内容垂直居中就只需要设定padding就行了，横向居中使用text-align:center;

2、如果div的高度和宽度都是固定的，那我就直接给你写个例子好了，div好像没有垂直居中代码，至少我现在还不清楚，一般我是采用嵌套table的方式达到垂直居中的
<div style=" width:200px; border:1px solid red; text-align:center; margin:0 auto;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="height:100px;">内容</td>
</tr>
</table>
</div>

附注：让div垂直居中于浏览器代码如下，
<div style=" width:200px; border:1px solid red; text-align:center; position:absolute; top:50%; left:50%; margin-left:-50px; margin-top:-50%;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="height:100px;">内容</td>
</tr>
</table>
</div>

Answer 2

本身margin:0 auto;
内容text-align:center;

Answer 3

div 可以实现垂直居中
原理就是定一个大的div，内嵌一个小的div，该div是大的div高度一半。在小的div内保存你需要居中的div，上移该div的一半，就实现了垂直居中
<style>
.greenBorder {border: 1px solid green;} /* just borders to see it */
</style>
<div class="greenBorder" style="display: table; height: 400px; #position: relative; overflow: hidden;">
<div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
<div class="greenBorder" style=" #position: relative; #top: -50%">
any text<br>
any height<br>
any content, for example generated from DB<br>
everything is vertically centered
</div>
</div>
</div>

Answer 4

一楼的是对的