垂直对齐使用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

回答