'display：table'的100％高度

Question

我正在做垂直對齊內容的表格方法。出於某種原因，在我要鏈接的情況下，它不起作用。這裏是cssdeck鏈接：

http://cssdeck.com/labs/ebke0fpw

正如你所看到的，結構的高度是完全依賴於谷歌嵌入字體。我試過讓.meta一個table，並使.metacon一個table-cell爲中心的事情。然而;那麼height: 100%就不再工作了。

我不知道是什麼打破了這種情況。也許你有這個想法。

Answer 1

解決辦法：

給.title一個height，你應該罰款。

E.g.只是這行添加到造型.title

height: 150px;

說明

你告訴.meta有100%的height的。

基於百分比的尺寸基於元素父級的尺寸。

.meta的父母是.title，它沒有聲明身高。

Answer 2

新的代碼可以是這樣http://cssdeck.com/labs/lxymkq7t

使用display:table-cell爲內部元件和display:table爲支架。並使用vertical-align: middle;使中間對齊。