免费模板网
当前位置: 澳门永利官方网站>CSS代码> 使用CSS让文本内容垂直居中

CSS代码

使用CSS让文本内容垂直居中

分类:CSS代码 时间:2009/11/30 10:02:35 浏览:20234 次

演示效果截图

本文地址:http://www.5hawgs.com/css-code/detail-6473.aspx
文章摘要: 使用CSS让文本内容垂直居中 ,澳门博彩官方网站澳门百乐门官网澳门凯旋门官方网站,星际线上娱乐官网星际娱乐场官网澳门巴黎人官网。

使用CSS让文本内容垂直居中

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.5hawgs.com/600">
www.865171.cn</a></h3>
<!–[if IE]></span>
<![endif]–>
</div>

效果演示/代码下载

在线演示
源码下载
友荐云推荐

上一篇:让div浮于select之上的完美解决方案

下一篇:借助jQuery实现的简单CSS Hover效果

站长常用工具

最新代码

热门代码

赞助商链接