В чем различия между дисплеем: коробка и дисплей: flexbox

Question

Насколько я понимаю, модуль CSS Flexible Box Layout переписывается и что display:box устарела в пользу display:flexbox.

Поддерживается ли display:flexbox в настоящее время в любом браузере (выпуск, бета-версия или ночная версия)? Кто-нибудь знает, где я могу найти некоторую информацию о том, что нового в flexbox, в чем различия между ним и старым модулем и / или почему старый модуль был переписан?

Answer 1

Похоже, в настоящее время хорошая информация недоступна.Я обновлю этот пост, если и когда найду полезную информацию.

Обновление: (20.02.2012) caniuse.com теперь показывает поддержку браузером обоихновые и старые версии модуля гибкой компоновки

Обновление: (8/7/2012) Крис Койер собрал хорошую статью о том, как определить разницу между новым и новымстарый синтаксис.http://css -tricks.com / старый Flexbox-и-нового Flexbox /

Answer 2

Таблица совместимости для поддержки flexbox

Вкратце: IE10 +, Firefox, Chrome, Safari, iOS и Android.

Answer 3

Как вы упоминаете, официальные значения для "display" в спецификации Flexbox - это "flexbox" и "inline-flexbox" по состоянию на март 2011 года.Значение "box" было упомянуто в первом рабочем проекте (июль 2009 г.) и является наиболее распространенным на данный момент, но теперь его следует заменить на "flexbox".