Flex blokų suspaudimas trūkstant vietos CSS
Tarkime, kad turime tris flex blokus, išdėstytus
tėvinį elemente į eilę. Kiekvienam vaikiniam blokui
nustatytas plotis 100px, o jų tėvui
- 300px:
Pridėkime daugiau blokų taip, kad bendras šių vaikinių blokų plotis būtų didesnis nei jų tėvinio elemento plotis. Šiuo atveju pamatysite netikėtą efektą - blokų plotis sumažės taip, kad jie visi tilptų jų tėviniame elemente, nepaisant to, kad vaikiniams blokams aiškiai nurodytas plotis:
Pakartokite pagal pavyzdį teorinėje dalyje pateiktą pavyzdį.