Et rutenett kan defineres som et kryssende sett med vertikale og horisontale linjer. CSS Grid-layout deler en side i hovedseksjoner. Grid property tilbyr et rutenettbasert layoutsystem med rader og kolonner. Det gjør utformingen av nettsider enkelt uten å plassere og flyte. Rutenettoppsettet gir oss en måte å lage rutenettstrukturer avbildet i CSS, ikke i HTML.
hva er dobbel java
I likhet med tabellen gjør den det mulig for en bruker å justere elementene i rader og kolonner. Men sammenlignet med tabeller er det enkelt å designe layout med CSS-rutenettet. Vi kan definere kolonner og rader på rutenettet ved å bruke rutenett-mal-rader og rutenett-mal-kolonner egenskaper.
En rutenettbeholder kan opprettes ved å deklarere display: rutenett eller display: inline-grid på et element. Rutenettbeholder inneholder elementene i et rutenett som er plassert inne i radene og kolonnene.
Grid v/s Flexbox
Det er et vanlig spørsmål som vanligvis oppstår at hvordan rutenettet er forskjellig fra flexbox. Rutenettet er for todimensjonale oppsett (rader og kolonner samtidig), mens flexbox brukes for endimensjonale oppsett (enten i en rad eller kolonne). Flexbox brukes når noe skal være i en rett linje.
Flexbox brukes til å ordne elementene i en enkelt kolonne eller i en enkelt rad. På den annen side er rutenettet best for å ordne elementene i flere kolonner og rader.
overvåket maskinlæring
La oss forstå rutenettet i CSS ved å bruke et eksempel.
Eksempel
.main { display: grid; grid: auto auto / auto auto auto auto; grid-gap: 10px; background-color: blue; padding: 10px; } .num { background-color: lightblue; text-align: center; color: black; padding: 10px 10px; font-size: 30px; } One Two Three Four Five Six Seven EightTest det nå
Produksjon