Как выровнять по центру баннер?

112
01 июля 2021, 17:40

Как сделать чтобы баннер выравнивался по центру, а не с левой стороны. Использую CMS Xenforo 2

<a href="https://123.nl/ru" target="_blank" class="db-ad">
    <img src="http://31.br/images/banner.png">
</a>
Answer 1

.header { 
  display: flex; 
  align-items: center; /* выравнивание по вертикали */ 
  justify-content: center; /* выравнивание по горизонтали */ 
  border: 1px solid black; 
  padding: 10px 0; 
} 
 
img { 
  display: block; 
}
<header class="header" role="banner"> 
  <a href="https://123.nl/ru" target="_blank" class="db-ad"> 
    <img src="https://picsum.photos/100/50"> 
  </a> 
</header>

Answer 2

Флексы всё решают.

<style>
.db-ad{
   display: flex;
   justify-content: center;
}
</style>
Answer 3

Без Вашего примера сложно сказать.

Пример выравнивания https://jsfiddle.net/0s4v7xzg/1/

<div class="parent">
<img src="http://mtmurdock.azurewebsites.net/Images/stackoverflow-logo.png" width="150px">
</div>

.parent {
  width: 500px;
  display: block;
  border: 1px solid green;
  padding: 10px
}
img {
  border: 1px solid gray;
  display: block;
  margin: auto
}
READ ALSO
Как подсветить или изменить стиль некоторых букв в строке

Как подсветить или изменить стиль некоторых букв в строке

Как сделать подобие подсветки синтаксиса?

89
Нету стилей css в php

Нету стилей css в php

http://robloxsellerru/pages/account//account

352
Как передать массив переменных в template? [закрыт]

Как передать массив переменных в template? [закрыт]

Хотите улучшить этот вопрос? Добавьте больше подробностей и уточните проблему, отредактировав это сообщение

147
unresolved external symbol в C++ на пустом месте

unresolved external symbol в C++ на пустом месте

В коде не существует ничего под именнем _DXGI_DEBUG_ALL или в чего то в этом духе, существует только DXGI_DEBUG_ALL (без нижнего подчеркивания)При линковке...

145