Maison > Article > interface Web > Aligner les éléments Flex au début d'un conteneur à l'aide de CSS
Alignez les éléments flexibles au début en utilisant la propriété justify-content avec la valeur flex-start.
Vous pouvez essayer d'exécuter le code suivant pour implémenter la valeur flex-start
Live Demo
<!DOCTYPE html> <html> <head> <style> .mycontainer { display: flex; background-color: red; justify-content: flex-start; } .mycontainer > div { background-color: orange; text-align: center; line-height: 60px; font-size: 30px; width: 100px; margin: 5px; } </style> </head> <body> <h1>Result</h1> <div class = "mycontainer"> <div>Rank1</div> <div>Rank2</div> <div>Rank3</div> <div>Rank4</div> </div> </body> </html>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!