Jokaisella CSS: n uudella versiolla paljastuu lukuisia uusia, jännittäviä ominaisuuksia. joista yksi on hillitty näyttö: joustava lähestymistapa.

Flexbox-mallin malli on kellannut verkon ympärillä jo jonkin aikaa ja joka kerta sen omalla muutoksella lähestymistavasta (jotkin vanhentuneet, kuten näyttö: laatikko tai näyttö: flexbox-menetelmä).

Nykyisessä oppaassa löydämme flexbox-tekniikan hyödyntämisen edut omissa ulkoasuissamme.

Uuden mallin hienoja ominaisuuksia ovat:

  • Easy-suhde-pohjainen mitoitus; ei tarvitse koskettaa HTML-koodia
  • Muuta uudelleen tuulta käyttämällä tyylisivujen kokonaislukuja
  • Koskee kaikkia lapsen elementtejä oikein määritellyssä vanhemmassa
  • Ei enää selkeitä korjauksia!

Sisään osa 2 me katsomme, miten tämä toteutetaan entisestään, ja kääntäkää flexbox-asettelusi täysimittaiseksi reagoivaksi malliksi!

Oletko käyttänyt flex-laatikkoa asettelua varten? Haluatko mieluummin toisenlaisen menetelmän? Kerro meille kommentit.

Esitetty kuva / pikkukuva, joustava kuva kautta Shutterstock.