免费模板网
当前位置: 澳门永利官方网站>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/117">
www.865171.cn</a></h3>
<!–[if IE]></span>
<![endif]–>
</div>

效果演示/代码下载

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

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

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

站长常用工具

最新代码

热门代码

赞助商链接