Flex բլոկների սեղմումը տարածքի պակասի դեպքում CSS-ում
Ենթադրենք՝ ունենք երեք ֆլեքս-բլոկներ, որոնք դասավորված են
ծնողի ներսում մի շարքով: Յուրաքանչյուր երեխա-բլոկի
նշված է լայնությունը 100px, իսկ դրանց ծնողինը
- 300px:
Եկեք ավելացնենք ավելի շատ բլոկներ, որպեսզի այդ երեխա-բլոկների ընդհանուր լայնությունը լինի ավելի մեծ, քան դրանց ծնողի լայնությունը: Այս դեպքում դուք կտեսնեք անսպասելի էֆեկտ՝ բլոկների լայնությունը կնվազի այնպես, որ դրանք բոլորը տեղավորվեն դրանց ծնողի մեջ, չնայած որ երեխա-բլոկներին բացահայտորեն նշված է լայնություն:
Կրկնեք ընդօրինակելով տեսական մասի օրինակը:
