Snabbtips CSS3-modulen med flera kolumner

I över sex år har CSS3 kolumner varit tillgängliga för oss; ändå märkligt används de sällan. Eftersom de för närvarande bara stöds i Mozilla och Webkit-baserade webbläsare betyder det att - igen - inget stöd i Internet Explorer. Men det är okej! Världen kommer inte att sluta om IE-användare ser en längre paragraf. Jag visar dig hur du använder den här hjälpsamma modulen i dagens snabba snabbspets.

Prenumerera på vår YouTube-sida för att titta på alla videohandledning!

Föredrar att se den här videon på Screenr?

 #container p -webkit-kolumnräkning: 3; -webkit-kolumnavstånd: 10px; -moz-kolonnräkning: 3; -moz-kolonn-gapet: 10px; kolumnräkning: 3; kolumnavstånd: 10px; 

---

• kolonn-count: Det önskade antalet kolumner för elementet.
• kolonn-gap: Vadderingen mellan varje kolumn.
• kolonn-regel: Delaren för varje kolumn; kan användas för att ange en gräns.
• kolumnbredd: Används för att specifikt ange bredden på varje kolumn.

Observera att vi måste prefixa varje egendom med -webkit eller -moz, följaktligen; så: -webkit-kolumnräkning.

Använder du CSS-kolumner i dina projekt? Om nej, varför inte?