Авто поля не центрируют изображение на странице

Question

Авто поля не центрируют изображение на странице

In изображение не центрируется. Зачем? Мой браузер-Google Chrome v10 на windows 7, а не IE.

<img src="/img/logo.png" style="margin:0px auto;"/>

575 7

google-chrome css centering margin

7 ответов:

Comments

Ничего не найдено.

Ross · Accepted Answer · 2011-04-20 20:32:15

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

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

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

Brendan · Accepted Answer · 2014-07-02 23:18:34

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

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

Daniel Sitarz · Accepted Answer · 2013-01-31 19:36:44

в моем случае проблема была в том, что я поставил min и Max ширина без ширина сам по себе.

sameeuor · Accepted Answer · 2016-02-04 11:29:01

вы можете центрировать auto width div с помощью display:table;
div{
margin: 0px auto;
float: none;
display: table;
}

tejaswini pant · Accepted Answer · 2013-03-29 00:31:23

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

Andrei · Accepted Answer · 2014-03-26 03:15:10

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

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

Abram · Accepted Answer · 2017-03-17 20:42:14

для кнопку загрузчик:
display: table; 
margin: 0 auto;