Sfat rapid Modulul CSS3 cu mai multe coloane

De peste șase ani, coloanele CSS3 au fost disponibile pentru noi; dar, ciudat, ele sunt rareori utilizate. Deoarece în prezent sunt acceptate numai în browserele bazate pe Mozilla și Webkit, aceasta înseamnă că - din nou - niciun suport în Internet Explorer. Dar este în regulă! Lumea nu se va termina dacă utilizatorii IE vor vedea un paragraf mai lung. Vă voi arăta cum să utilizați acest modul de ajutor în sfatul video rapid de astăzi.

Abonați-vă la pagina noastră YouTube pentru a viziona toate tutorialele video!

Prefer să vizionați acest videoclip pe scenariu?

 #container p -webkit-count-count: 3; -webkit-gap-column: 10px; -moz-coloană-număr: 3; -moz-coloană-decalaj: 10px; numărul de coloane: 3; coloană-decalaj: 10 pixeli; 

---

• coloana-count: Numărul dorit de coloane pentru element.
• coloană-gap: Umplutura dintre fiecare coloană.
• coloană regulă: Divizorul pentru fiecare coloană; poate fi folosit pentru a specifica o frontieră.
• lățimea coloanei: Se utilizează pentru a specifica lățimea fiecărei coloane.

Rețineți că trebuie să prefixăm fiecare proprietate cu -webkit sau -moz, în consecință; astfel: -webkit-count-count.

Utilizați coloane CSS în proiectele dvs.? Dacă nu, de ce nu?