使用CSS让文本内容垂直居中
2011-09-27 13:00
357 查看
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.865171.cn"> www.865171.cn</a></h3> <!–[if IE]></span> <![endif]–> </div>
相关文章推荐
- 使用CSS让文本内容垂直居中
- 使用CSS让文本内容垂直居中
- 使用CSS使内容垂直居中的N中方法。
- 使用CSS使内容垂直居中的N中方法
- css的div,文本 垂直居中的方法,百分比div垂直居中
- css多行文本垂直居中
- 使用CSS实现垂直居中
- 【css】css使用水平居中和垂直居中
- CSS div文本垂直居中
- CSS文本和div垂直居中方法总结
- css div内容水平,垂直居中限制
- css使得文本垂直居中
- CSS div文本垂直居中
- css-文本垂直居中(转)
- css中absolute使用,用position和transform是div里面的div垂直居中
- css使用box-align和box-pack使div的子元素垂直居中
- 用CSS让未知高度内容垂直方向居中
- css 设置文本垂直居中
- CSS实现文本高度不定的垂直居中方案