Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Enregistrer le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <style> .container { afficher: flex; hauteur: 400px; flex-wrap: wrap; align-content: space-between; débordement: défiler; couleur-de-fond: DodgerBlue; } .container div { couleur de fond: #f1f1f1; largeur: 100px; marge: 10px; padding: 10px; text-align: center; taille de police: 30px; } </style> </head> <body> <h1>align-content: space-between</h1> <p>align-content: space-between; - L'espace entre les lignes flex est égal, mais la première ligne flex est alignée avec le début du conteneur, et la dernière ligne flex est alignée avec la 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>7</div> <div>8</div> <div>9</div> </div> </body> </html>