本节内容：
设置div居中显示的css代码。
例1，垂直+水平居中：
复制代码 代码示例:
<style>
#mid{
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -150px;
width:300px;
height:300px;
border:1px solid red;
}
</style>
<div id=mid></div>
注意，其中margin:-150px 0 0 -150px;
第一个150是高度的一半，第四个150是宽度的一半。
例2，div内容居中
复制代码 代码示例:
div {
height:25px;
line-height:25px;
overflow:hidden;
}
<div>现在我们要使这段文字
垂直居中显示！</div>
例3，DIV中的DIV居中
复制代码 代码示例:
div1{
height:400px;
display:table;
}
div2{
vertical-align:middle;
display:table-cell;
width:760px;
}
<div class="div1">
<div class="div2">
<input>这段文字垂直居中显示！</div>
</div>
