CSS添加一个垂直居中的图像，文本位于div中

我尝试将图像与链接中的文本v对齐。 到目前为止，我已经使用了一个背景图像，以完美的v-中心的形象，我的文字

CSS

HTML

---

现在我想尝试不使用背景图像，而是在html代码img src中插入一个图像。我尝试使用垂直对齐：中间对齐，但图像没有像背景中的图像那样精确对齐。我怎样才能用html代码中包含的图像获得相同的结果？谢谢

以下是如何将一个元素置于另一个元素的中心：

.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

---

你可以在这个链接中找到更多信息：。

我发现这样的东西对我很有用：

a.moreinfo { display: table; width: 100%; } a.moreinfo span, a.moreinfo img { display: table-cell; vertical-align: middle; width: 50%; float: none; }

---

将“显示”设置为“表格”时垂直对齐时，浮动元素将无法按预期工作。父级应该有一个设置的宽度，否则默认宽度将设置为“自动”，并且同样无法按预期工作。

这是一个很好的解决方案，但如果图像的高度小于文本，则是一个大问题。

.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

a.moreinfo { display: table; width: 100%; } a.moreinfo span, a.moreinfo img { display: table-cell; vertical-align: middle; width: 50%; float: none; }