Автоматическое поле не центрирует изображение на странице

Ответ 1

добавить display:block;, и это сработает. Изображения встроены по умолчанию

Чтобы уточнить, ширина по умолчанию для элемента block равна auto, который, конечно, заполняет всю доступную ширину содержащего элемента.

Установив маржу на auto, браузер назначит половину оставшегося пространства на margin-left, а другую - на margin-right.

Ответ 2

В некоторых случаях (например, более ранние версии IE, Gecko, Webkit) и наследования элементы с position:relative; будут препятствовать работе margin:0 auto;, даже если top, right, bottom и left не установлены.

Установка элемента в position:static; (по умолчанию) может исправить его в этих обстоятельствах. Как правило, элементы уровня блока с указанной шириной будут относиться к margin:0 auto; с помощью позиционирования relative или static.

Ответ 3

В моем случае проблема заключалась в том, что я установил минимальную и максимальную ширину без ширины.

Ответ 4

Вы можете центрировать автоматическую ширину div с помощью display:table;

div{
margin: 0px auto;
float: none;
display: table;
}

Ответ 5

Всякий раз, когда мы не добавляем ширину и добавляем margin:auto, я думаю, это не сработает. Это из моего опыта. Ширина дает представление о том, где именно нужно обеспечить равные поля.

Ответ 6

есть альтернатива margin-left:auto; margin-right: auto; или margin:0 auto; для тех, которые используют position:absolute;, вот как:
вы устанавливаете левую позицию элемента на 50% (left:50%;), но это не будет правильно центрировать, чтобы элемент был правильно центрирован, вам нужно дать ему минимальную половину его ширины, что будет центра вашего элемента отлично

вот пример: http://jsfiddle.net/35ERq/3/

Ответ 7

Для кнопки начальной загрузки:

display: table; 
margin: 0 auto;

Ответ 8

поместите это в тело css: background: # 3D668F; затем добавьте: display: block; наценка: авто; к img css.