更改居中图像的顶部位置

Question

你好，我试着将我刚刚居中的图像下移一些像素，但这似乎没有发生！

这是我到目前为止用过的代码。

.fearless{
       display: block;
    margin-left: auto;
    margin-right: auto;
  }

<img src="/toKoritsi/images/fearlessgirl.jpg" alt="fearless Girl"  class="fearless"/>

有没有人能告诉我一种适当的方法，可以在不改变其他任何东西的情况下，将图像移动到更接近底部的位置？先谢谢你...

Answer 1

使用margin-top可以将显示块的元素的上边缘向下移动

例如：

.fearless{
       display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
  }

您还可以将这些命令压缩为：

.fearless{
       display: block;
    margin: 10px auto 0 auto;
  }

作为另一种选择，虽然我会先尝试上面的方法，但您也可以尝试相对定位和顶部样式：

.fearless{
       display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top : 10px;
  }