центрирование CSS: авто слева и справа, но забавные результаты

Question

Вы можете просмотреть страницу по адресу http://led.dlugosz.com/.^※ Я хочу, чтобы раздел «Галерея» располагался по центру доступного пространства, а не по левому краю.

Итак, я добавил правила

margin-left: auto;
margin-right: auto;

и , казалось, работает как раз правильно.Но когда я сделал то же самое на другой странице, это не сработало вообще, и я не могу найти никакой разницы.Затем, еще раз поиграв с этой страницей, я обнаружил, что при разной ширине окна это работает, не работает или делает что-то очень странное.Что тут происходит?Если говорить более конкретно, как я могу добиться этого эффекта?

---

※ Я обновил страницу и в итоге удалил ее.

Answer 1

margin auto работает для меня во всех случаях с фиксированной шириной, в противном случае используйте

http://css -tricks.com / centering-in-the-unknown /

Answer 2

margin-left :auto и margin-right:auto будут центрировать элемент, если вы установите display: block и задаете ширину элемента, после чего элемент выравнивается по центру.

или еще

margin: 0 auto;
width: 100px;
display: block;

Answer 3

• На #main_col, добавьте margin-right: 20.5em - это то же самое width (18em), что и на правой боковой панели, плюс еще немного для поля.
• В #main_col h2 удалить свойство margin-right.
• В #main_col div > * удалить свойство margin-right.
• В #galleries ul удалите свойства margin-left и margin-right и добавьте display: inline-block.
• Вкл. #galleries, добавить text-align: center.
• Вкл. #main_col h2 и #galleries ul li, добавить text-align: left.

Проверено только в Firefox.

Answer 4

Использовали ли вы Firebug на другой странице, чтобы убедиться, что свойства margin-left и margin-right были назначены этому элементу? Возможно, они были переопределены правилом CSS с более высоким приоритетом.

Answer 5

Используйте это вместо

.wrap {width: 980px; margin: 0 auto;}

Где div class = "wrap" - это то, что вы хотите центрировать.

Answer 6

Поправьте меня, если я ошибаюсь, но я верю, что "margin-left: auto;" и "margin-right: auto;" значения работают только с элементами блока. Если вы хотите центрировать встроенные элементы, вы должны использовать «text-align: center;».