html - 使用 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而不是：http float: left: //jsfiddle.net/ZU9bT/3/