Kdaj uporabljate stolpce CSS? Podatkovna inteligenca PlatoBlockchain. Navpično iskanje. Ai.

Kdaj uporabljate stolpce CSS?

To ni retorično: resnično me zanima iskanje odličnih primerov uporabe za večstolpčne postavitve CSS.

Odgovor se zdi preprost. Uporabite stolpce, ko želite katero koli vsebino razdeliti v stolpce, kajne? Tukaj je na splošno primer, ki ga boste našli v člankih, ki prikazujejo, kako delujejo postavitve CSS z več stolpci, vključno z našimi lastnimi Almanah:

Kar tako naprej. Toda ali je to dejanski primer uporabe? Mmmmm mogoče. Če je besedilo razmeroma kratko, potem je morda prijeten pridih. Tako sem si ga prodal pri prenovi spletne strani a pred nekaj leti. Danes ni tako, ampak takole je izgledalo takrat:

Kdaj uporabljate stolpce CSS?

Toda celoten daljši članek je razdeljen na stolpce? Všeč mi je v časopisih, vendar se obotavljam pomakniti navzdol po spletni strani, da bi prebral en stolpec, samo da se pomaknem nazaj navzgor in to storim znova.

Predvidevam, da ga lahko uporabimo za postavitev dveh elementov enega ob drugem, vendar je flexbox veliko bolj primeren za to. Poleg tega nam omejitev preprečuje izbiro stolpcev za njihovo posamično velikost. Stolpci morajo biti enake širine.

Ena stvar, ki jim gre pri stolpcih, je, da so edina metoda postavitve CSS, ki fragmente vsebino. (To je, razen če ne štejemo Regije CSS... kaj se je sploh zgodilo s temi?!) Torej, če želite odstavek razdeliti na stolpce, je to že mogoče brez dodatnih ovojev.

Kdaj bi sicer morda morali neprekinjen blok vsebine razdeliti na stolpce? Spomnim se, da sem to moral narediti, ko sem imel velik, neurejen seznam predmetov. Všeč mi je, kako lahko seznami olajšajo pregledovanje vsebine, vendar lahko zaradi dolgih seznamov ena stran strani izgleda zelo težka. Recimo, da smo na primer vse oznake objave za CSS-Tricks navajali v abecednih skupinah. Postavitev z več stolpci deluje čudovito za to:

Poskusite spremeniti širino vidnega polja. Določeni so trije stolpci, vendar se bo število spremenilo glede na količino razpoložljivega prostora. Všeč mi je vsa ta odzivnost brez medijskih poizvedb!

Delal sem na predstavitvi za :left psevdorazred in dosegel columns ker je to odličen način za drobljenje stvari za tiskanje predstavitev. Torej, predvidevam, da obstaja še en primer uporabe. In med izdelavo predstavitve sem ugotovil, da bi lahko postavitev z več stolpci uporabili za ustvarjanje zidane mreže elementov, kot je galerija slik:

Ampak kaj drugega? Ali smo omejeni na kratke odstavke, dolge sezname in prosto tekoče mreže?

Časovni žig:

Več od Triki CSS