Если reousify-content: растяжение такое же, как и Levify-Content: Flex-Start/Start, зачем нам нужно оправдать контент: р ⇐ CSS

[Anonymous]

Я искал предложение, которое мы начнем с использования Levify-Content: Flex-Start/Start вместо использования Levify-content: streant в долгосрочной перспективе. Если мы оправдываем контент: streant то же самое, что и Levify-Content: Flex-Start/Start Зачем нам нужно оправдать-content: streant ? И какие места нам нужно оправдать: streant ? P> Я воспроизвел ошибку в текущей Chrome версии 133.0.0.0, связанной с CS. Levify-Content: Stretch начал растягивать контейнеры, чтобы заполнить доступное пространство. Но, согласно DOCS MDN-Flex-grow свойства управляет растяжением изгического элемента. -Коплент: Flex-Start работает. Второй класс Flex-Streeth-example начинает растягиваться, чтобы заполнить контейнер, но в предыдущих версиях он работает как Flex-Start .
Я с нетерпением ждал этого всегда Использование Levify-Content: Flex-Start/Start; всегда будет решением всегда, или мы должны подождать, пока ошибка будет исправлена? >

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

.flex-start-example > ul {
display: flex;
justify-content: flex-start;
gap: 25px;
}

.flex-stretch-example > ul {
display: flex;
justify-content: stretch;
gap: 25px;
}

< /code>
Убедитесь, что вы просматриваете ошибку ниже в версии браузера Chrome 133.0.0.0. src = "https://i.sstatic.net/tmrwqcqj.png"/> 


.flex-start-example,
.flex-stretch-example {
outline-style: solid;
padding: 5px;
margin: 25px;
}

ul {
list-style: none;
}

li {
outline-style: solid;
padding: 5px;
}

.flex-start-example>ul {
display: flex;
justify-content: flex-start;
gap: 25px;
}

.flex-stretch-example>ul {
display: flex;
justify-content: stretch;
gap: 25px;
}< /code>





Document




 Flex-start Example: 

[list]
[*]Item 1
[*]Item 2
[*]Item 3
[/list]

 Stretch Example: 

[list]
[*]Item 1
[*]Item 2
[*]Item 3
[/list]

Подробнее здесь: https://stackoverflow.com/questions/794 ... art-why-we