Des colonnes…en css3

Des colonnes…en css3

Grace à la propriété column en css, je vais pouvoir me passer de calcul en tout genre, de modulo ou autre tournure php. On juste beoin d’une classe css et de ses attributs.

.three-column {
padding: 1em;
-moz-column-count: 3;
-moz-column-gap: 1em;
-webkit-column-count: 3;
-webkit-column-gap: 1em;
column-count: 3;
column-gap: 1em;
}

Et voila le rendu. Le « column-gap » permet de jouer sur les marges entre chaque colonne.

column

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.