CSS：在中間

Question

垂直設置考慮以下幾點：

<div class="wrap"> 
    <div class="left"></div> 
    <div class="right"></div> 
</div> 

左格比右DIV高度。我可以在右側div中間垂直設置左側div嗎？由於高度不同，我無法設置邊距頂部。

這裏的的jsfiddle鏈接： http://jsfiddle.net/k8972/

Answer 1

嗨現在用於display inline-block並給予vertical-align，並轉移到float

像這樣

.wrap{ 
    overflow:hidden; 
    border:1px solid red; 
    width:250px; 
    display:table; 
} 


.left{ 
    width:100px; 
    height:50px; 
    background:yellow; 
    display:inline-block; 
    vertical-align:middle; 
} 

.right{ 
    width:100px; 
    height:100px; 
    background:brown; 
    display:inline-block; 
    vertical-align:middle; 
} 

現場演示http://jsfiddle.net/k8972/2/

Answer 2

您可以使用顯示：表細胞和垂直對齊：中間;但它不能在IE7或更低版​​本上運行。

Answer 3

兩個方法這裏所說

http://phrogz.net/css/vertical-align/index.html