Léim go dtí an príomhábhar
LibraTool logoLibraTool

Giniúradh Ghréine CSS saor in aisce

Dearadh CSS gréine go radharcach — rianta, aonaid agus bhearna — agus cóipeáil an CSS agus HTML a ghintear.

Oibríonn as líne nuair a lódáiltear é
Réamhshocruitheoirí
Colúin (3)
Línteanna (2)
Réamhamharc beo
1
2
3
4
5
6
css
.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto auto;
  column-gap: 16px;
  row-gap: 16px;
}
html
<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
  <div class="item">6</div>
</div>

🔒 Ritheann gach rud i do bhróimséara — ní uachtar rud ar bith.

Conas a Oibríonn sé

Deartha greille CSS go hamhairc: cuir leis suas le 8 gcolún agus 8 ró, socraigh gach rian go fr, px, auto nó min/max-content, agus coigeartaigh na bearnaí ró/cholúin. Nuashonraíonn an réamhamharc beo uimhrithe láithreach agus tá an CSS grid-template ginte móide HTML meaitseála cliceáil amháin ó do ghearrthaisce.

  1. 1
    Múnlaigh an eangach
    Cuir leis/bain colúin agus rónna le + agus −.
  2. 2
    Socraigh na rianta
    Faigheann gach colún agus ró a aonad féin (1fr, 100px, auto…).
  3. 3
    Coigeartaigh na bearnaí
    Sleamhnáin ar leith do row-gap agus column-gap.
  4. 4
    Cóipeáil an cód
    CSS réidh don táirgeadh agus an cnámharlach HTML meaitseála.

Ritheann gach rud i do bhrabhsálaí — ní uaslódáiltear aon rud.

Uirlisí Gaolmhara

↔️

Giniúradh Flexbox CSS

Déan tástála ar threo flex, foluain, comhordú agus ailínithe ar mhíreanna beo — agus cóipeáil an CSS.

Bain triail as
📐

Gineadóir CSS clamp()

Gin luach CSS clamp() sreabhánach le haghaidh cló agus spásáil fhreagrach. Socraigh méid íosta/uasta agus raon amharcdhromchla, féach réamhamharc beo, agus cóipeáil an CSS aon líne.

Bain triail as
📓

Páipéar Inphriontáilte — Líneáilte, Graf, Greille Poncanna agus Ceoil (PDF)

Priontáil do pháipéar féin: líneáilte (leathan nó “college ruled”), graf, greille poncanna, iseametrach, cleachtadh lámhscríbhneoireachta, bunáit cheoil nó nótaí Cornell, in A4, Letter, A5 nó Legal, aon dath líne, an oiread leathanach agus is gá. PDF veicteoir géar a dhéantar i do bhrabhsálaí.

Bain triail as

Ceisteanna Coitianta