“ Ce n'est pas sale ”

Support navigateur

Pourquoi pas plutôt Flexbox ?!

Syntaxe

.tableau {
	display: table;
}
.tableau div {
	display: table-row;
}
.tableau div div {
	display: table-cell;
}

<div class="tableau">
	<div>
		<div>Cellule 1</div>
		<div>Cellule 2</div>
	</div>
</div>

Equivalent CSS / HTML

Schéma des couches

Les autres mode Display

aucun, block, inline-block, ...

Quelques trucs cool avec les tableaux

Des colonnes de la même hauteur

Un vrai alignement vertical \o/

Largeur en % ou fixe

Utilisable sur des pseudo-elements

Responsive friendly