Valideynin faiz olaraq eninin CSS-də flex bloklarının sıxılmasına təsiri

Indi tutaq ki, bizim sıra ilə düzülmüş beş flex elementi var. Gəlin valideynə eni faizlə təyin edək, bütün elementlərə isə eni 100px təyin edək.

Aşağıdakı nümunəni açın və brauzer pəncərəsini elə kiçildin ki, elementlər valideynə sığmasın. Bunun üçün pəncərəni 500px-dən az kiçiltmək lazımdır, çünki bizim 5 elementimiz var və hər biri 100px genişlikdədir. Artıq bildiyiniz kimi, belə sıxılma zamanı brauzer elementlərin enini məcburi olaraq 100px-dən azaldacaq ki, onlar valideynə sığsın. Beləliklə, nümunə aşağıdakı kimidir: