居中的图像，但文字在图像下

Question

使用这个css我可以使图像居中，但是，图像现在漂浮在文本的顶部。最初我的顶部是0，但这些尺寸使图像正确居中。我该怎么做才能将下一行文字保留在图像下方而不是下面呢？

img.center {
    position: absolute;
    top: 40px; bottom:50px; left: 105px; right:105px;
    margin: auto;
}

Answer 1

绝对定位将图像＆＃34;带出流＃34;要将其保留在文档流程中，您可以使用以下内容：

如果您知道父母的身高：

.parent {
    line-height: 100px;
}
.parent img {
    vertical-align: middle;
}

如果你不知道身高：

.parent {
    display: table;
}
.parent img {
    display: table-cell;
    vertical-align: middle;
}