CSS හි ප්රමාණවත් අවකාශයක් නොමැති විට flex බ්ලොක් හි සම්පීඩනය
අපට පේළියක පිහිටා ඇති දෙමාපියෙකු තුළ ඇති flex බ්ලොක් තුනක් ඇතැයි සිතමු.
සෑම දරු බ්ලොක් එකකටම පළල 100px ලෙසත්, ඒවායේ දෙමාපියාට
- 300px ලෙසත් පැවරී ඇත:
දරු බ්ලොක් වල සම්පූර්ණ පළල ඒවායේ දෙමාපියාගේ පළලට වඩා වැඩි වන පරිදි තවත් බ්ලොක් එකතු කරමු. මෙම අවස්ථාවේදී, ඔබ අපේක්ෂා නොකළ බලපෑමක් දකිනු ඇත - දරු බ්ලොක් වලට පළල පැහැදිලිව දක්වා තිබුණද, ඒවා සියල්ලම ඒවායේ දෙමාපියා තුළට ගැලපෙන පරිදි බ්ලොක් වල පළල අඩු වේ:
න්යායික කොටසෙන් ඇති ආකෘතියට අනුව උදාහරණය නැවත කරන්න.
