Html 垂直居中:伪元素不工作后

Html 垂直居中:伪元素不工作后,html,css,Html,Css,我正在尝试使用:after伪元素方法(如本章末尾所述)将我的introWrap容器垂直居中。我总是毫无问题地应用这种方法,但我似乎无法理解为什么它在这种情况下不起作用() 现在,introWrapdiv位于顶部,而实际上它应该位于垂直轴的中心。我试着用span替换:after伪元素,它工作得非常好。这里有点可疑,我不知道发生了什么 请任何善良的灵魂帮我一把好吗?在应用之后,您的元素有误。您需要将其应用于“包装”元素,以便: 你,我的朋友,是上帝。然而,这对我来说仍然没有意义。我总是在被包装的元素

我正在尝试使用
:after
伪元素方法(如本章末尾所述)将我的
introWrap
容器垂直居中。我总是毫无问题地应用这种方法,但我似乎无法理解为什么它在这种情况下不起作用()

现在,
introWrap
div位于顶部,而实际上它应该位于垂直轴的中心。我试着用
span
替换
:after
伪元素,它工作得非常好。这里有点可疑,我不知道发生了什么


请任何善良的灵魂帮我一把好吗?

在应用
之后,您的
元素有误。您需要将其应用于“包装”元素,以便:


你,我的朋友,是上帝。然而,这对我来说仍然没有意义。我总是在被包装的元素上执行applicated
:after
,所以我想知道为什么它在这种情况下不起作用:/哦,不!请不要(甚至开玩笑地)把我称为“上帝”,这个头衔只属于我的救世主耶稣基督。回答“为什么”,我只能说“我不知道”(看,我不是上帝)。你提到的网站上列出的技术清楚地表明,“父元素中的‘幽灵’元素”,这表明它在子元素中不起作用。你提到了跨度更换工作,但我不认为,只有在。所以,如果它以前对你有用,我不知道为什么。不客气。我没有被冒犯,虽然上帝可能被冒犯了。不过,很高兴你能让它工作。
#intro:after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}