CSS垂直對齊不工作的參考正常

Question

這裏是一個的jsfiddle鏈接： http://jsfiddle.net/STmwz/4/

首先，只有頂格開始。當用戶點擊編輯按鈕時，我有一些javascript用底部div替換頂部div。問題是，當替換髮生時，會出現輕微的抽搐：所有東西都會跳過幾個像素。

我認爲解決這個問題的最好方法是讓頂部的div垂直對齊。我爲頂部div設置了一個高度，它與底部div的高度相匹配，以取代頂部div。所以如果兩者都垂直對齊，那就不用跳了！

問題是，vertical-align在頂部div上不起作用。

想知道我能做什麼嗎？

Answer 1

我相信你想垂直對齊的元素必須有「內嵌」或「表格單元格」顯示。

來源：https://developer.mozilla.org/en/CSS/vertical-align

下面是它的工作的例子：http://jsfiddle.net/STmwz/19/