css中不确定高度垂直居中2种方法

例子1
& j% X/ B) D$ H0 @4 r不确定高度垂直居中
代码如下:
( Y4 a5 C; }6 z0 D% I$ f" r' V6 U" z/* center < */
.vetically {
vertical-align: middle;
( W' T. ?! `: @display: table-cell;
*position: relative;
}
1 G& |4 E5 D/ u.vetically_c {
display: block;
margin: 0 auto;
; a- f% _# s1 T$ u7 y! F2 }* G( Etext-align: center;
*position: absolute;
*top: 50%;
9 w5 }2 P% ^& u/ q  E" y& H! i7 K- E*left: 50%;
*margin-top: expression(-(this.height ) / 2);
/ L& w3 K3 _7 x/ p9 B9 n*margin-left: expression(-(this.width ) / 2);
. o# W& K3 ]7 B0 @0 r}
1 T  j$ |2 n/ z/ ?/* center > */
; o+ s! [' }, H5 E9 E& ~例子2
标准浏览器的情况还是和上面一样，不同的是针对ie6/ie7利用在img标签的前面插入一对空标签的办法。
, A+ V! `# W7 ]! S% E# L代码如下:
$ |! |8 j0 X7 c+ G2 x3 O3 x/ J<html xmlns=>
<head>
<meta http-equiv=content-type content=text/html; charset=gb2312 />
<title>方法2 - 未知高度的图片垂直居中</title>
, q0 q& W; k/ I. T<style type=text/css>
  w$ o- }+ B/ M4 n7 Gbody {
+ \/ ]; B7 u" A, Y3 r7 p: [height:100%;
}
#box{
width:500px;height:400px;
: O# ?8 [+ w+ t. Tdisplay:table-cell;
text-align:center;
vertical-align:middle;
border:1px solid #d3d3d3;background:#fff;
}
' n7 Z$ n, C" p) D# L" K! s+ A#box img{
border:1px solid #ccc;
}
</style>
5 M8 A& k' k5 R<!--[if ie]>
<style type=text/css>?
#box i {
display:inline-block;
height:100%;
vertical-align:middle
}
#box img {
vertical-align:middle
. f3 l: |1 ]: m) D8 h- K}
' o$ f, o# m$ {* I+ s; K/ ^& s</style>
+ }8 n; v- w; J, A6 S* V- y<![endif]-->
9 p* d6 X$ d; h+ I+ x</head>
<body>
7 K" ~# m3 D1 a3 d1 b$ R3 j<div id=box>
<i></i><img src=images/demo_zl.png alt= />
</div>
- D: N% @& D+ P8 V# O4 [1 y: u' d4 c</body>
, K, Z# c9 N3 }1 |+ R</html>

更多网页制作信息请查看： 网页制作

综上所述，恳请各位官员请勿动用武装力量请勿跨村、跨镇、跨市、跨省、跨国、跨洲、跨星球、跨银河系追捕。确因不抓不足以平民愤，或不抓就领不到薪水养家户口的公职人员，建议携带工作证

你可是难得来坐坐啊~~~

要睡觉了 呵呵

你你你你 呵呵~~~~别这样哦.....

晕 在我帖里面找偶像啊??

楼主，你要继续努力啊！你是bbs的希望啊！你是网络文学的希望啊！你是整个网络界的希望文学界的希望啊！你是整个人类的希望啊！你是整个太阳系的希望啊！你是整个异次元空间的希望啊！

看完楼主的帖子，我的心情竟是久久不能平静

我也不知道了~~你把我问蒙了 呵呵

下次有人骂我了...我给他还回去..

要相信自己~智商为0