Вложенный алгоритм сжатия флексбоксаCSS

Разбираемся в CSS
Ответить
Anonymous
 Вложенный алгоритм сжатия флексбокса

Сообщение Anonymous »

В этом посте о «гибком сжатии» вложенных флексбоксов говорится:

Вычисления сжатия флексбоксов происходят независимо на каждом уровне гибкого контейнера

Я хотел бы понять алгоритм. Эти вычисления начинаются с внутреннего или внешнего флексбокса? Какой размер предполагается при расчете сжатия элемента для родительского или дочернего элемента, расчеты сжатия которого еще не проводились? Где это объясняется в спецификации/документации/руководстве?
Вот код из этой темы на случай, если это поможет:

Код: Выделить всё

.a {
width: 700px; /* flex-basis doesn't work */
}
.b {
min-width: fit-content;
}
.c {
flex: 1 1 700px;
}
.flex {
display: flex;
}
div {
min-width: 0;
outline: 1px solid black;
}

Код: Выделить всё


 a
bbbbbbbbbbbbbbbbbbbb

c



Подробнее здесь: https://stackoverflow.com/questions/798 ... -algorithm
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»