Верстка · Middle · Запитання 3 з 75
На що розгортається скорочення flex: 1?
- ✓Правильна відповідь:
flex-grow: 1; flex-shrink: 1; flex-basis: 0% - 2
flex-grow: 1; flex-shrink: 0; flex-basis: auto - 3
flex-grow: 1; flex-shrink: 1; flex-basis: auto
Пояснення
flex: 1 = 1 1 0%: базовий розмір нуль, тому весь простір ділиться між елементами строго пропорційно до flex-grow - колонки виходять рівними незалежно від контенту. flex: auto = 1 1 auto - ділиться лише вільне місце понад розмір контенту. flex: none = 0 0 auto.