IE6,IE7,FF3测试通过
CSS
* {
margin:0;
padding:0;
list-style:none;
}#vertical_box
{
width:100%;
display:table;
border:1px red solid;
height:400px;
/*针对IE的hack*/
*position:relative;
} #vertical_box_sub
{
display: table-cell;
vertical-align: middle;
/*针对IE的hack*/
*position:absolute;
*top:50%;
} #vertical_box_container
{
font-family:"宋体";
border:1px green solid;
/*针对IE的hack*/
*position:relative;
*top:-50%;
margin:0 auto;
width:200px;
}
<div id="vertical_box">
<div id="vertical_box_sub">
<div id="vertical_box_container">
<p>我是居中的文字</p>
<p>我居中</p>
<p>你也居中</p>
<img src="http://www.adobetutorialz.com/Advertising/W3Markup.jpg" border=0 alt="" title="">
</div>
</div>
</div>
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。