使用CSS垂直对齐嵌套的DIV

Question

看看

http://jsfiddle.net/user0815/ZU9bT/

我希望包含图像的两个DIV都应该在外部DIV中垂直对齐。

我尝试了使用

的常用技巧

display: table-cell
vertical-align: center

但没有爱。

有什么想法吗？

Answer 1

应该是vertical-align: middle而不是 vertical-align: center。

选中演示：http://jsfiddle.net/ZU9bT/2/

---

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