CSS3 FlexBox горизонтальное выравнивание в абсолютном DIV - PullRequest
0 голосов
/ 01 февраля 2012

У меня есть абсолютный позиционный div с display: box

В Chrome он работает отлично, дочерние элементы div выравниваются по горизонтали, но в Firefox это не работает.

Если я удаляю position: absolute, он отлично работает в обоих браузерах, но мне это нужно.

Пример: http://dabblet.com/gist/1716069

1 Ответ

0 голосов
/ 01 февраля 2012

Экспериментальные типы отображения, которые вы используете, означают совершенно разные вещи, и ни один из них не соответствует display: box по той простой причине, что этот последний не существует и никогда не будет (спецификация CSS будет использовать display: flexbox, ссовсем другое поведение, чем у всех префиксных дисплеев "box", каждый из которых очень сильно отличается друг от друга).

Поскольку они означают разные вещи, браузеры обрабатывают раздел CSS, который говорит, что абсолютно позиционированные элементы имеют своиотображаемые значения изменились на block или table несколько иначе.Геккон меняет -moz-box на block.WebKit не меняет -webkit-box на что-либо другое.

Я предлагаю не использовать экспериментальные типы дисплеев, которые исчезнут в недалеком будущем.Если вам нужно использовать их, вы, вероятно, захотите обернуть блок вокруг своей "рамки" и расположить этот блок.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...