46 liens privés
Ça a l'air simple... et pourtant - l'auteur explore les différentes techniques (marges, positionnement, flexbox, grid, etc.)
Il y a de tout :
- grouper des déclarations de style
- centrer
- ajuster des marges selon le sens d'écriture
- supprimer des marges superflues (ex: une liste horizontale d'éléments avec une marge à droite - supprimer la dernière marge)
- conserver des proportions
- des effets de survol
- créer et maintenir une palette de couleurs
- gérer des longueurs de ligne
Pour résumer : l'idée est de centrer un conteneur, sans centrer son contenu. Pour faire cela, utiliser
max-inline-size: max-content; margin-inline: auto;
sur le conteneur
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Pratique : un générateur de code CSS pour centrer des éléments
Tout est dans le titre
Le guide le plus complet et à jour (enfin, le plus récent en tout cas :)) sur le centrage en CSS
Des astuces pour centrer horizontalement et verticalement en CSS, avec le positionnement absolu
Une bonne astuce à base de "transform"
utile...
Choisir quand et dans quelles circonstances centrer son texte...