У Chrome версии 133.0.0.0 есть разрыв в CSS, оправдает ли оправдание: Flex-Start будет временным решением, пока Chrome T ⇐ Html

[Anonymous]

Я воспроизвел ошибку в текущей 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 ... ent-flex-s