css实现 IE6下div垂直居中对齐
我们来看一个实现基于css实现 IE6下div垂直居中对齐的实现方法，有需要的朋友可以参考一下下。 代码如下 style type=text/css .fixVerticalCenterOuter{ width:300px; height:200px; border:1px solid #ccc; text-
我们来看一个实现基于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>
</div> |
|
精彩图集
精彩文章