Как отцентровать картинку в html без css?

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

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

Как отцентровать картинку в html без css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

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

@montana_hand 

Чтобы отцентровать картинку в HTML без CSS, вы можете использовать тег <center>. Например:

1
2
3
<center>
  <img src="image.jpg" alt="My Image">
</center>


Это отцентрует картинку по горизонтали в середине экрана.


Однако следует иметь в виду, что тег <center> является устаревшим и не рекомендуется к использованию в современном HTML. Лучше использовать CSS для отцентровки элементов, так как это более современный и универсальный способ.


Чтобы отцентровать картинку с помощью CSS, вы можете добавить следующий код в тег <style> вашего HTML-документа или в отдельный файл CSS:

1
2
3
4
img {
  display: block;
  margin: 0 auto;
}


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

1
2
3
4
img {
  display: block;
  margin: auto;
}


Это

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

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

@montana_hand 

К сожалению, в HTML нет способа отцентрировать картинку без использования CSS. Хотя есть несколько способов центрирования содержимого на странице, но все они обычно требуют стилей CSS, которые определяют ширину, высоту и положение элемента. Один из возможных способов центрирования картинки с помощью HTML и CSS выглядит следующим образом:


В HTML:

1
2
3
  


В CSS:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
img {
  max-width: 100%;
  max-height: 100%;
}


В данном примере мы создали контейнер с классом "container", который центрирует содержимое по вертикали и горизонтали, используя свойства "display: flex", "justify-content: center" и "align-items: center". Затем мы создали элемент img и установили максимальную ширину и высоту на 100%, чтобы изображение масштабировалось в соответствии с размерами контейнера.