Gineadóir Flexbox
Socraigh coimeádán flex agus a mhíreanna le rialtáin radhairc, féach ar an leagan amach ag freagairt beo, agus cóipeáil an CSS le cliceáil amháin.
Déantar do leagan amach a thógáil go díreach i do bhrabhsálaí. Ní uaslódáiltear aon rud a shocraíonn tú anseo chuig BroBroGo.
Ceisteanna Coitianta
Cad é an difríocht idir justify-content agus align-items?
Spásálann justify-content na míreanna feadh an phríomhaise — an treo ina sreabhann an ró nó an colún — agus suíonn align-items iad trasna na haise eile. Athraigh an treo ó ró go colún agus babhtálann an dá ais, ionas go dtosaíonn justify-content ag obair ó bharr go bun agus align-items ó chlé go deas.
Conas a oibríonn na rialtáin in aghaidh na míre?
Roghnaigh mír de réir a huimhreach, ansin socraigh cé mhéad a fhásann sí chun spás spártha a líonadh, cé mhéad a chrapann sí nuair atá an spás docht, a méid tosaigh (bunús) agus a hailíniú tras-aise féin. Bogann Order mír níos luaithe nó níos déanaí ar an scáileán gan teagmháil a dhéanamh leis an HTML. Ní fhaigheann ach na míreanna a athraíonn tú i ndáiríre a riail féin sa CSS.
Cathain a bhíonn tábhacht le wrap agus align-content?
Nuair atá timpeallú múchta, cuirtear iallach ar gach mír a bheith ar líne amháin agus is féidir iad a bhrú níos caol. Cuir ar siúl é agus titeann míreanna nach n-oireann a thuilleadh go dtí an chéad líne eile — sin an uair a thógann align-content ceannas, ag spásáil na línte mar ghrúpa. Socraíonn Gap an spás idir míreanna, agus idir línte, gan corrlaigh.