Предпосылки для горизонтального центрирования элемента с полем: 0 auto; [Дубликат]

Question

Предпосылки для горизонтального центрирования элемента с полем: 0 auto; [Дубликат]

0

Каковы минимальные требования декларации стиля для элемента, который я хочу горизонтально центрировать с margin:0 auto; ?

И объявление стиля минимальных требований для содержащего элюмент (ы)?

Я хотел бы, чтобы решение было агностиком элементарного типа, т.е. Работать независимо от того, является ли он span, div, a т.д.

Решение должно работать в любом современном браузере.

Fellow Stranger 18 сен. 2013, в 14:25

Источник

Теги:

html

css

3 ответа

1

Вы также должны указать width, потому что, если width элемента блока не имеет width, она занимает всего 100% горизонтального пространства.

Для тегов, таких как span или a, вы должны сделать их display block.

Jakub Michálek 18 сен. 2013, в 09:56

1

для горизонтальной горизонтали вы должны указать width элемента и не использовать свойство float.

Love Trivedi 18 сен. 2013, в 09:41

0

При чем тут float ?
iConnor 18 сен. 2013, в 13:09

Ещё вопросы

André Dion · Accepted Answer · 2013-09-18T09-51-00.000Z

Здесь общий класс с минимальным количеством требуемых свойств (избегайте использования margin: 0 auto short-hand, чтобы вы не излишне переопределяли свойства margin-top и margin-bottom):

.horizontal-center {
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: 80%; /* any value other than auto */
}

Единственным ограничением для .horizontal-center является то, что ему необходимо display: block|inline-block и width большую или равную .horizontal-center.