div{
display: table-cell;
height: 100px;
background-color: red;
vertical-align: middle;
/*position: absolute;*/
}
在上面的演示中,如果您从position: absolute;
垂直对齐中删除注释将不起作用。
我也发现了这个问题,但这里添加了一个父 div。但就我而言,我需要不修改标记。任何想法?
div{
display: table-cell;
height: 100px;
background-color: red;
vertical-align: middle;
/*position: absolute;*/
}
在上面的演示中,如果您从position: absolute;
垂直对齐中删除注释将不起作用。
我也发现了这个问题,但这里添加了一个父 div。但就我而言,我需要不修改标记。任何想法?
这是您的详细位置的参考:绝对力显示:块,在此处阅读第二个。
至于解决方法,我认为您必须将其包装在另一个元素中:
哇!我做的。看这个演示
div{
display: table-cell;
height: 100px;
background-color: red;
vertical-align: middle;
position: absolute;
}
div:before{content: " "; height: 50%; display: inline-block;}
检查此小提琴作为解决方法.. http://jsfiddle.net/DjGQ5/使用 padding-top
更改display : block
和包装 p 标签中的文本:css 中的 50% 属性
现在就让它Position:relative
好了...更新了小提琴..这是链接..