Css 垂直居中文本

链接到我的

我遇到了一点意想不到的麻烦。我想将“Thing2”文本垂直居中。但是css属性

垂直algin:middle

似乎不起作用

所以我想知道两件事：

为什么不起作用

我这样做（通过向每个类添加一个主类，然后添加一个样式类）是最简单的方法吗

注意

---

这只是我的一个整体想法的概念证明。很明显，类名和ID将发生变化。

您不能以这种方式垂直对齐文本，请参阅

如果只想垂直对齐一行文本，请尝试将容器div的行高设置为div的高度

e、 g

这是一篇很好的文章，详细介绍了垂直对齐html元素的几种不同方法：

如果您只支持最新的浏览器，还可以使用新的表格和表格单元格显示样式，它们与表格一样支持垂直对齐

e、 g

---

请记住，这在早期的浏览器（如internet explorer 6）上不起作用。

我垂直居中的方法是将行高度设置为容器的高度

尝试将

行高：87.5px

添加到。关于尝试使用此

---

使用CSS样式

display

property

table

和

table cell

我会给你检查，主要是因为你没有太多的重复，像这样的答案值得重复：）

.metroSmall {
    line-height: 87.5px;
}

.metroSmall {
    display: table-cell;
    vertical-align: middle;
}