как центрировать div с классом

0

У меня есть div, у которого уже есть класс и id:

<div id="wrapper">
    <img src="images/go.jpg" class="hover" />
    <p class="text"> <a href="start.html"> Start your adventure</a> </p>
</div>

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

  • 0
    Установите поля на каждой стороне равными - stackoverflow.com/questions/114543/…
  • 0
    Я немного запутался, могу ли я скопировать код поля в '#wrapper .text {position :lative; внизу: 30px; Слева направо: 0px; видимость: скрытый; } 'или в #wrapper: hover .text {visibility: visible; }?
Показать ещё 3 комментария
Теги:

1 ответ

1

Примените "margin-left: auto; margin-right: auto" к вашему правилу css. Например:

.hover {
  margin: 0 auto;
}
Поделиться
  • 0
    Это привело к центрированию текста на картинке - что я, конечно, хотел, но подумал, что не смогу, но теперь я хочу одну из картинок (поэтому я не уверен, что хочу отредактировать CSS, что приведет к каждый из них, чтобы сделать это), чтобы быть в центре на веб-странице
  • 0
    Добавьте еще один класс в ваш тег img: например, добавьте «.center-image», например, <img class = "hover center-image" />. Затем создайте правило .center-hover, которое применяет поля. Используйте класс center-image только на изображении, которое вы хотите центрировать.
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню