边距不适用于我的图像

Question

我无法获得利润来处理图像。我有一个图像，它有以下CSS：

#logoRedrum{
    position:relative;
    width:50px;

    margin-top:auto;
    margin-right:0;
    margin-bottom:auto;
    margin-left:0;
}

图片的HTML如下：

<img id="logoRedrum" src="resources/img/logoRedrum.png">

我尝试做的就是让我的图像始终居中 。它没有让它居中，而是这样做：

红色向后＆＃34; R＆＃34;蓝色轮廓是我的形象。我用google搜索了几次可能导致图像留在左边的东西，但无济于事。

非常感谢所有人的帮助！

Answer 1

将display:block;添加到img

#logoRedrum{
    position:relative;
    width:50px;
  display:block;
    margin:0 auto
}

<强> DEMO

Answer 2

如果你需要将图像置于主要父母的中心，那么就像这样做

// HTML

<div class="centered-content"> <img class="no-margin" src=""/> </div>

// CSS

.contered-content {
    text-align:center;
    }
.no-margin{
   margin:0 auto;
 }