Html 垂直对齐到绝对定位div

在上面的演示中，如果您从

位置删除注释：绝对垂直对齐不起作用

我还发现，但这里添加了一个parent div。但在我的例子中，我需要不修改标记的。有什么想法吗？
这里是你的参考资料
位置：绝对力显示：块，读取数字2

至于解决办法，我想你必须用另一个元素来包装它：
把这把小提琴作为解决办法。。
更改
display:block
并将文本包装在带有填充顶部的p标记中：css中的50%属性哇！我做到了。看到这个了吗

Jus make
Position:relative
现在很好。。。更新了小提琴。。这是链接

绝对位置和固定位置不适用于显示表格单元格如果我习惯于多行，结果是你只是在属性添加更多文本之前将其推过，它不会居中。无论如何，在我的情况下，这是可以的。你没有注意到这个问题吗？这是关于绝对位置。我不需要显示表格单元格，但绝对位置和垂直对齐到中间。。。任何想法…没有朋友。。我尝试了所有可能的组合。。但我没能做到。。。对不起(
div{
    display: table-cell;
    height: 100px;
    background-color: red;
    vertical-align: middle;
    /*position: absolute;*/
}

div{
    display: table-cell;
    height: 100px;
    background-color: red;
    vertical-align: middle;
    position: absolute;
}
div:before{content: " "; height: 50%; display: inline-block;}