Выбор ответа Middle Flexbox обновлено
flex: auto против flex: 1
Вопрос
Три кнопки с подписями разной длины. Чем результат с flex: auto отличается от flex: 1?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: С flex: auto ширины разные (от содержимого), с flex: 1 равные. flex: auto это 1 1 auto: стартовый размер по содержимому, затем добавляется равная доля остатка, поэтому длинная подпись даёт широкую кнопку. flex: 1 это 1 1 0%: стартовый размер 0, и всё место делится поровну.
Варианты ответа
- Ничем, это синонимы: обе записи раскрываются в
1 1 auto - С
flex: autoкнопки не растут, а только сжимаются под контейнер - С
flex: autoширины разные (от содержимого), сflex: 1равныеправильный ответ - С
flex: 1кнопки не сжимаются и могут вылезти за контейнер
Разбор
flex: auto это 1 1 auto: стартовый размер по содержимому, затем добавляется равная доля остатка, поэтому длинная подпись даёт широкую кнопку. flex: 1 это 1 1 0%: стартовый размер 0, и всё место делится поровну. Оба варианта растут и сжимаются, поэтому остальные ответы неверны.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.