<style type="text/css">
<!–
.con_div{
width:400px;
height:300px;
border:1px solid #777;
text-align:center;
display:table-cell;
vertical-align:middle;
background:red;
color:#fff
}
/*FOR IE*/
.fixie{
width:0;
height:100%;
display:inline-block;
vertical-align:middle;
}
–>
</style>

<div class="con_div">
<span class="fixie"></span>
测试内容

</div>


7条评论

  1. IE下还是有问题,内容一多就跑到下面去了。

  2. 呵呵,您更新的饿每一篇都是那么值得推荐!

  3. 怎么让图片垂直居中?

  4. 如果是单行文本,用line-height就可以实现垂直居中

    如果是多行,为什么不用填充padding的方式呢?

  5. 同意楼上的观点

  6. padding行吗?如果DIV高度有100PX,内容多行,不固定,可能2行,可能4行,怎么保证他一定垂直居中呢?

  7. IE7下就无效了。

发表评论

评论也有版权!