1 <div id="demo">
 2     <p>這是一個終極實現的水平垂直居中實例</p>
 3     <!--[if lt IE 8]><span></span><![endif]-->
 4 </div>
 5 #demo{
 6     height:100px;
 7     text-align:center;
 8     font-size:0;  //註意這裏是去除文字間隔，放在內容寬度為100%時擠出換行
 9 }
10 #demo:after,#demo span{
11     display
 
:inline-block;
12     *display:inline;
13     *zoom:1;
14     width:0;
15     height:100%;
16     vertical-align:middle;
17 }
18 #demo:after{
19     content:‘‘;
20 }
21 #demo p{
22     display:inline-block;
23     *display:inline;
24     *zoom:1;
25     vertical-align:middle;
26     font-size:16px;
27 }

不定寬高水平垂直居中