Question

我正在尝试使用introWrap伪元素方法（如this article末尾所述）垂直居中我的:after容器。我总是毫无问题地应用这种方法，但我不能理解为什么它在这种情况下不起作用（http://jsfiddle.net/4yfru/2/）。

现在introWrap div位于顶部，而它应该位于垂直轴的中心。我尝试用:after替换span伪元素，它完美无缺。这里有些东西可疑，我不知道是什么。

任何善良的灵魂都可以帮助我吗？

Answer 1

您应用了:after时出现错误的元素。您需要将其应用于“wrap”元素，因此like this：

#intro:after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}