我们来看一个实现基于css实现 IE6下div垂直居中对齐的实现方法,有需要的朋友可以参考一下下。
代码如下
复制代码
<style type="text/css">
.fixVerticalCenterOuter{
width:300px;
height:200px;
border:1px solid #ccc;
text-align:center;
display:table-cell;
vertical-align:middle;
}
/* for IE 6 */
* html .fixVerticalCenterAdd {
width:0;
height:100%;
display:inline-block;
vertical-align:middle;
}
* html .fixVerticalCenterInner{
vertical-align:middle;
display:inline-block;
}
</style>
html代码
代码如下
复制代码
<div class="fixVerticalCenterOuter">
<span class="fixVerticalCenterAdd"></span>
<span class="fixVerticalCenterInner"><img src="logo.gif" /></span>
</div>