Die invloed van ouerbreedte in persentasie op die kompressie van flex blokke in CSS

Kom ons het nou vyf flex elemente, in 'n ry geplaas. Kom ons gee die ouer 'n breedte in persentasie, en sit nou vir al die nageslag 'n breedte van 100px.

Maak die voorbeeld hieronder oop en verklein die blaaier venster sodat die elemente ophou om in die ouer te pas. Vir dit moet die venster verklein word tot minder as 500px, aangesien ons 5 elemente het elk van 100px. Soos jy reeds weet, met so 'n kompressie sal die blaaier gedwonge die breedte van die elemente verminder tot minder as 100px sodat hulle in die ouer sal pas. So, hier is die voorbeeld: