Float div垂直对齐div

Question

  

可能重复：
  Best practice vertical-align center content on div

如何使用相同的CSS垂直对齐两个方块的中心.content。

Example

由于

Answer 1

这是解决方案 - ＆gt; http://jsfiddle.net/Sha6m/12/。

您需要将display: table-cell;添加到内部.content，将他们的垂直对齐添加到中间（vertical-align: middle;）并为他们提供相同的height和他们的父.area的width（100％宽度和高度不幸在这里不起作用，所以当你改变.area的高度和宽度时，你还必须为.content div做这个）。

Answer 2

style='vertical-align:middle' ..

Answer 3

您正在将display table-cell应用于错误的元素。您必须将它们包装在容器中，并将display: table cell应用于该容器。检查我的示例 - ＆gt; http://jsfiddle.net/Sha6m/10/

Answer 4

如果你有一个固定的高度，我只需添加一个line-height: 100px;并删除你的vertical-align和display

jsfiddle modification