Как центрировать изображения на веб-странице для всех размеров экрана

У меня проблема с моим HTML. Я искал по всему Интернету, но до сих пор не ответил.

У меня есть сайт с некоторыми изображениями, и я хочу, чтобы они были посередине. Теперь, на моем экране они посередине, но это потому, что я положил их туда, перемещая их в одну сторону. Когда мои друзья смотрят на это, изображение находится вне центра.

Здесь веб-сайт; если вы находитесь на 13,5-дюймовом экране, он будет выглядеть посередине.

Ответы

Ответ 1

Не допустимо ли использовать простой тег <center></center>?

Я, должно быть, кое-что упустил, если нет. Не стесняйтесь объяснять, почему в комментарии. Я люблю веб-дизайн, и ваш сайт очень впечатляет. Я мог бы предложить сделать что-то, чтобы снизить время загрузки, это немного отключение.

- От одного вентилятора MC к другому:)

ИЗМЕНИТЬ

Я просто посмотрел на ваш код... ouch!

<center></center> 

<center><body onload="MM_preloadImages('../logo-glow.png')"> 
<a href="homepage.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('minecraft2','','../logo-glow.png',1)"><img src="../log-noglow.png" name="minecraft2" width="998" height="222" hspace="0" border="0" align="absmiddle" id="minecraft2" /></a></body></center>

Старайтесь не помещать теги форматирования вне тела. Поместите <center> внутри тега тела. Он работает, потому что он следует за строгими правилами HTML на нижнем уровне, однако не все браузеры такие приятные, и некоторые могут отображаться на вашей странице некорректно, если эта проблема не исправлена!

Ответ 2

Попробуйте что-нибудь подобное...

<div id="wrapper" style="width:100%; text-align:center">
<img id="yourimage"/>
</div>

Ответ 3

В вашем конкретном случае вы можете установить содержащий a элемент:

a {
    display: block;
    text-align: center;
}

JS Bin demo.

Ответ 4

<div style='width:200px;margin:0 auto;> sometext or image tag</div>

это работает горизонтально