html - 相对 div 内的绝对定位 firefox

Question

我在相对定位的 div 中绝对定位图像时遇到问题。图像应在 div 内居中。为此，我使用以下 CSS

div
{
  position: relative;
  top: 0px;
  left: 0px;
}
div img 
{
  margin-top: -10px; /*img width is 20px*/
  position: absolute;
  top: 50%;
}

这适用于除 Firefox 之外的所有浏览器。有什么解决方法吗？因为我已经为此搜索了很多，但我无法弄清楚。

PS:不要跟我说使用行高。因为图片旁边还有文字。所以这个选项对我不起作用。

Answer 1

对于你说的图像 top: 50%。 50%是什么？它应该是父元素的 50%。父元素设置为什么？如果它没有设置任何东西，那就是问题所在。