div居中设置

a { color:#000;}
.holder{
width:600px;
height:210px;
border:1px solid #777;
text-align:center;
display:table-cell;
vertical-align:middle;
}

/*以下样式针对IE*/
.edge{
width:0;
height:100%;
display:inline-block;
vertical-align:middle;
}
.container{
vertical-align:middle;
display:inline-block;
}
<div class="holder">
<!--[if IE]><span class="edge">
</span><![endif]-->
<!--[if IE]><span class="container"><![endif]-->
<h1>使用CSS让文本内容垂直居中</h1>
<h3><a href="http://www.865171.cn">
www.865171.cn</a></h3>
<!--[if IE]></span>
<![endif]-->
</div>

相关推荐