Html '的100%高度；显示：表格'；

我在做垂直对齐内容的表格方法。出于某种原因，在我将链接的条件下，它不起作用。以下是cssdeck链接：

如您所见，结构的高度完全取决于嵌入的Google字体。我试着把

.meta

做成一个

表格

，把

.metacon

做成一个

表格单元格

，把东西放在中间。然而；然后

高度：100%

不再工作

---

我不确定是什么打破了这种局面。也许你有这个想法。

新代码可能是这样的

---

对于内部元件使用

display:table cell

，对于支架使用

display:table

。并使用垂直对齐：中间对齐；使中间对齐。

新代码可能是这样的

---

对于内部元件使用

display:table cell

，对于支架使用

display:table

。并使用垂直对齐：中间对齐；使中间对齐。

解决方案：

给

.title

一个

高度

，你应该会没事的

例如，只需将此行添加到

.title

高度：150px

解释

您告诉
.meta
要有
高度
为
100%

基于百分比的维度基于元素父级的维度

.meta
的父项是
.title
，它没有声明高度。
解决方案：

给
.title
一个
高度
，你应该会没事的

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

高度：150px

解释

您告诉
.meta
要有
高度
为
100%

基于百分比的维度基于元素父级的维度

.meta
的父元素是
.title
，它没有声明高度。
可能重复的可能重复检查此示例：---我不想将title元素中的所有内容垂直居中，我只想垂直居中元元素中的内容。检查此示例：-我不想垂直居中标题元素中的所有内容，我只想垂直居中元元素中的内容。但它的内容将是动态的；另外，当我把“桌子”变成“积木”时，在同样的条件下，所有的东西都能以100%的高度完美地工作；另外，当我把“桌子”变成“积木”时，在同样的条件下，所有东西都能以100%的高度完美地工作。