изменить верхнюю позицию по центру изображения - PullRequest
Новая
       11

изменить верхнюю позицию по центру изображения

0 голосов
/ 24 июля 2010

Здравствуйте, я пытаюсь переместить на несколько пикселей изображение, которое я только что отцентрировал, но, похоже, этого не происходит!

Вот код, который я использовал до сих пор ... 

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

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

Кто-нибудь может показать мне правильный способ переместить изображение немного ближе к основанию, не меняя ничего другого?заранее спасибо ...

1 Ответ

2 голосов
/ 24 июля 2010

верхний край элемента, который отображается в блоке, можно сдвинуть вниз, используя 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;
  }
...