Vecāka elementa platuma ietekme procentos uz flex bloku saspiešanu CSS

Pieņemsim, ka mums ir pieci flex elementi, izvietoti pēc kārtas. Iestatīsim vecāka elementa platumu procentos, un visiem pēctečiem iestatīsim platumu uz 100px.

Atveriet zemāk esošo piemēru un samaziniet pārlūkloga logu tā, lai elementi vairs ieltilptu vecāka elementā. Lai to izdarītu, logu nepieciešams sašaurināt līdz mazāk par 500px, jo mums ir 5 elementi, katrs pa 100px. Kā jūs jau zināt, šādā saspiešanas režīmā pārlūkprogramma piespiedu kārtā samazinās elementu platumu zem 100px, lai tie ietilptu vecāka elementā. Tātad, šeit ir piemērs: