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>
?