垂直對齊使用CSS嵌套的DIV

-2

我想要的包含圖像的每個應外DIV中垂直排列的兩個DIV。

我嘗試使用

display: table-cell 
vertical-align: center

，但沒有愛情的常用的招數。

有什麼想法？

http://jsfiddle.net/ZU9bT/1/這是你想要的嗎？ –

不，我的意思是它們應該垂直對齊。內框應該並排放置（這就是爲什麼他們使用float：left; –

它應該是vertical-align: middle和而不是vertical-align: center。

更新演示與display: inline-block，而不是float: left：http://jsfiddle.net/ZU9bT/3/

2012-12-29 12:53:27 techfoobar

不可以，框的外部高度是200px。因此，＃box1（高度100px）應該放置在邊距50px的頂部外框和＃box1（高度爲150px），頂部爲25px。我不想爲＃box1 | box2指定單獨的頂部/邊距。 –

好吧，讓我看看，但請注意，它是'middle'而不是'center 'for'vertical-align' – techfoobar

查看這個更新的演示：http://jsfiddle.net/ZU9bT/3/ – techfoobar

回答