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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от maya , 5 месяцев назад

@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;
}


Это