不对齐父级内的水平和垂直图像

Question

我想将一个图像对象放在他父母的中间。但这对我不起作用。我已经用display:table;等尝试了它。

我的JSfiddle： http://jsfiddle.net/wFg9a/5/

Answer 1

您应该删除父级上的display: table-cell;并在图片上使用此内容：

figcaption img {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    margin: auto;
}

Updated fiddle

Answer 2

绝对位置会破坏表格单元格行为。

垂直位置也应该是中间而不是中心。

添加了一个居中的div来修复：

.post-entry .centered {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

检查小提琴：http://jsfiddle.net/wFg9a/11/