Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Sauvegarder le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <style> .container { affichage: grille; hauteur: 300px; grid-template-columns: auto auto auto; couleur-de-fond: dodgerblue; padding: 5px; écart : 5px; align-content: space-between; } .container div { couleur de fond: #f1f1f1; couleur:#000; padding: 10px; taille de police: 30px; text-align: center; } </style> </head> <body> <h1>align-content: espace-entre</h1> <p>Avec<strong>align-content: espace-entre</strong>l'espace entre les lignes de la grille est égal, mais le premier élément de la grille est aligné avec le bord de départ du conteneur, et le dernier élément de la grille est aligné avec le bord de fin du conteneur :</p> <div class="container"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> </div> </body> </html>