CSSは文字、ピクチャーの垂直位置合わせ(vertical-align)の特別テーマの文章を実現します
垂直整列はFirefoxやIE 7などの最新ブラウザでは、もはや難しいことではありませんが、IE 6の下でDIVレイアウトを使用すると、垂直整列は依然として非常に頭の痛い問題です.IE 7はますます普及しているが、IE 6は依然として大きなシェアを占めているので、解決策を見てみましょう.
ソース:http://www.codebit.cn/pub/html/xhtml_css/tip/ie6_vertical_align/
<style type="text/css">
/* :IE 6 DIV */
.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>
<div class="fixVerticalCenterOuter">
<span class="fixVerticalCenterAdd"></span>
<span class="fixVerticalCenterInner">
<a href="http://www.baidu.com/"><img src="http://www.baidu.com/img/baidu_logo.gif" /></a>
</span>
</div>
ソース:http://www.codebit.cn/pub/html/xhtml_css/tip/ie6_vertical_align/