Как центрировать карту изображений в HTML?

Пользователь

от nikko , в категории: HTML/CSS , 2 года назад

Как центрировать карту изображений в HTML?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от raina , 2 года назад

@nikko 

Чтобы центрировать карту изображений в HTML, вы можете использовать следующий код:

1
2
3
4
5
6
<div style="text-align:center;">
  <img src="image.jpg" alt="Картинка" usemap="#map">
  <map name="map">
    <!-- Карта изображений -->
  </map>
</div>


Этот код обернет карту изображений в блок div с выравниванием по центру, и сама карта будет выравнена по центру.


Если вы хотите центрировать карту изображений с помощью CSS, вы можете использовать следующий код:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
<style>
  .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }
</style>

<img src="image.jpg" alt="Картинка" usemap="#map" class="center">
<map name="map">
  <!-- Карта изображений -->
</map>


Этот код создаст класс center, который будет центрировать изображение и карту изображений. Вы также можете изменить ширину изображения, установив значение, отличное от 50%.

Пользователь

от vladimir , год назад

@nikko 

Для центрирования карты изображений в HTML вы можете использовать несколько различных методов. Вот два примера:

  1. Используя стили CSS: Создайте контейнер для карты изображений, например, элемент
  2. Используя атрибуты HTML: Создайте элемент


Оба этих метода позволяют центрировать карту изображений на странице в HTML.