Проблема с "Флексбокс, часть 1 / Выравнивание строк флекс-контейнера, align-content [15/31]"

Если активна flex-wrap: wrap; у .room (это то что сразу прописано в задании), то изменения align-items: никак не отображаются в минибраузере (даже если помещаются в одну строку), при этом проверки проходят. Это косяк минибраузера или это такая совместная работа выравнивания элементов и включенного переноса?

Maxthon 4.4.6.1000 (на движке от Хрома).

Привет.

Дело в том, что в более ранней версии спецификации флексбокса описано поведение, которое сейчас есть во всех браузерах, кроме Сафари и других браузерах на webkit. То есть действие align-content распространялось только на многострочные флекс-контейнеры.

Год назад (не так давно по браузерным меркам) спецификацию немного изменили. И теперь align-content действует и на однострочный флекс-контейнер. В Сафари и других браузерах на webkit это изменение спецификации учтено, а во всех остальных — нет. То есть в большинстве браузеров сейчас несогласованное со спецификацией поведение, а Сафари другая webkit-компания — молодцы.

Вот ссылка на изменённую версию спецификации http://www.w3.org/TR/css-flexbox-1/#change-201409-align-content-wrapping.

Когда большинство браузеров сменит поведение на правильное, мы поправим этот момент в курсе.

Прошло 3 года, что-то изменилось?

Привет, скоро будем переносить эту главу в новый интерфейс и обновим теорию.

1 лайк