Как центрировать ссылку с двумя картинками для каждого устройства? - PullRequest
0 голосов
/ 06 марта 2019

Моя страница структурирована так:

<body>
  <a href="...">
    <img src="..." height="160" width="261">
    <img src="..." height="160" width="160">
  </a>
</body>
  • Как лучше всего сделать эти две картинки точно посередине (рядом друг с другом) для каждого устройства?
  • можно ли обойтись без дополнительного div?
  • пожалуйста, не просите меня использовать таблицы

спасибо заранее

Ответы [ 2 ]

0 голосов
/ 06 марта 2019

Во многих отношениях вы можете достичь этого.Если вы хотите сохранить структуру html такой же, то вы можете расположить свой якорный тег с 50% горизонтальным и вертикальным интервалом и отодвинуть его назад от его собственной высоты и ширины.

a{
  position: absolute;
  top: 50%; left: 50%; /* push it to vertically & horizontally */
  transform: translate(-50%, -50%); /* push it back of it's own width & height */
}

Просмотретьдемо

0 голосов
/ 06 марта 2019
     a {
        display: flex;
        width:auto;
     }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...