0

演示

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

在上面的演示中,如果您从position: absolute;垂直对齐中删除注释将不起作用。

我也发现了这个问题,但这里添加了一个父 div。但就我而言,我需要不修改标记。任何想法?

4

4 回答 4

0

这是您的详细位置的参考:绝对力显示:块,在此处阅读第二个。

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

于 2013-07-23T05:13:41.040 回答
0

哇!我做的。看这个演示

div{
    display: table-cell;
    height: 100px;
    background-color: red;
    vertical-align: middle;
    position: absolute;
}
div:before{content: " "; height: 50%; display: inline-block;}
于 2013-07-23T05:24:50.750 回答
0

检查此小提琴作为解决方法.. http://jsfiddle.net/DjGQ5/使用 padding-top 更改display : block和包装 p 标签中的文本:css 中的 50% 属性

于 2013-07-23T05:21:02.240 回答
0

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

演示

于 2013-07-23T12:59:17.260 回答