html - “显示：表格”的 100% 高度

Question

我正在做垂直对齐内容的表格方法。出于某种原因，在我要链接的情况下，它不起作用。这是cssdeck链接：

http://cssdeck.com/labs/ebke0fpw

如您所见，结构的高度完全取决于嵌入的 Google 字体。我试过制作.metaa table，并使.metaconatable-cell居中。然而; 然后height: 100%不再工作了。

我不确定是什么破坏了这种情况。也许你有这个想法。

Answer 1

新代码可能像这样http://cssdeck.com/labs/lxymkq7t

用于display:table-cell内部元件和display:table支架。并使用vertical-align: middle；使居中对齐。

Answer 2

解决方案：

给.title一个height，你应该没问题。

例如，只需将此行添加到.title

height: 150px;

解释

你说.meta有一个heightof 100%。

基于百分比的尺寸基于元素父级的尺寸。

.meta的父级是.title，它没有声明高度。