HTML: выравнивание середины изображения по середине страницы

Question

HTML: выравнивание середины изображения по середине страницы

0

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

Вот мой HTML:

<div style="width:100%; text-align:center">
    <img src="bannerr.png">
</div>

Есть идеи?

user3051979 30 нояб. 2013, в 13:15

Источник

0

поле слева: авто; поле справа: авто?
vogomatix 30 нояб. 2013, в 11:50
0

Похоже, это не меняет поведение, есть ли способ автоматического отключения левой стороны, чтобы он оставался посередине?
user3051979 30 нояб. 2013, в 11:56
0

Как вы устанавливаете свойства стиля тела, не могли бы вы показать их все?
Tom Chung 30 нояб. 2013, в 12:04

Показать ещё 1 комментарий

Теги:

html

2 ответа

Ещё вопросы

поле слева: авто; поле справа: авто?
Похоже, это не меняет поведение, есть ли способ автоматического отключения левой стороны, чтобы он оставался посередине?
Как вы устанавливаете свойства стиля тела, не могли бы вы показать их все?

CRABOLO · Answer 1 · 2013-11-30T09-12-00.000Z

Вы можете поместить это в CSS

   img { display: block; margin: 0 auto; position: relative; }

Если вам нужен только html, попробуйте это

<img src="bannerr.png" style="display: block; margin: 0 auto; position: relative;">

изменение: добавлена позиция: относительная выше

Спасибо за быстрый ответ, однако поведение остается прежним
@codehorse Но если он поставит на CSS, это повлияет на все изображения. Разве не было бы лучше создать класс для этого?
Спасибо за помощь, я исправил это, добавив его в столбец :) Я думаю, что я не описал проблему должным образом

Herbert Musoke · Answer 2 · 2013-11-30T08-59-00.000Z

Это старый HTML 4, но вы можете использовать <center> вокруг <div> и делать это.

<center>
<div style="width:100%; text-align:center">
    <img src="bannerr.png">
</div>
</center>