垂直对齐到绝对定位的 div答案

【问题标题】：vertical align to absolute positioned div垂直对齐到绝对定位的 div
【发布时间】：2013-07-23 20:59:17
【问题描述】：

div{
    display: table-cell;
    height: 100px;
    background-color: red;
    vertical-align: middle;
    /*position: absolute;*/
}

在上面的演示中，如果您从position: absolute; 中删除评论，则垂直对齐将不起作用。

我还找到了this question，但这里添加了一个父 div。但就我而言，我需要不修改标记。有什么想法吗？

【问题讨论】：

绝对位置和固定位置不适用于显示表格单元格

标签： html css vertical-alignment

【解决方案1】：

这里是您的详细信息的参考位置：绝对力显示：块，读取第二个here。

至于解决方法，我认为您必须将其包装在另一个元素中：

【讨论】：

【解决方案2】：

检查这个小提琴作为一种解决方法..http://jsfiddle.net/DjGQ5/ 更改 display : block 和 p 标签中的 Wrapped text with padding-top: 50% property in css

【讨论】：

【解决方案3】：

哇！我做的。看到这个demo

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

【讨论】：

如果我习惯了多行而不是结果是jsfiddle.net/rohit_azad/tCWr2/3
你只是在属性添加更多不会居中的文本之前推动它
无论如何，在我的情况下这没问题。

【解决方案4】：

让Position:relative 现在好了...更新了小提琴..这是链接..

Demo

【讨论】：

你没有注意到这个问题？这是关于绝对位置的。
我不需要显示表格单元格，而是将绝对位置和垂直对齐定位到中间......任何想法......
没有朋友..我尝试了所有可能的组合..但我无法实现它......对不起..:(