> Css > 页面应用使用CSS让文本内容垂直居中
作者：vip_260 来源：未知 日期：2010/1/25 18:25:44 人气：
标签：
演示效果截图CSS代码<style type="text/css">
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;
}
</style>
HTML代码<div class="holder"> <!–[if IE]><span class="edge"></span><![endif]–> <!–[if IE]><span class="container"><![endif]–> <h1>使用CSS让文本内容垂直居中</h1> <h3><a href="http://www.v404.cn"> www.v404.cn</a></h3> <!–[if IE]></span> <![endif]–> </div> |
|
