◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。
使用CSS将flex项目对齐到容器的中心
ID:10651 / 打印
使用值为 center 的 justify-content 属性将弹性项目对齐到中心。
示例
您可以尝试运行以下代码来实现中心值
现场演示
<!DOCTYPE html> <html> <head> <style> .mycontainer { display: flex; background-color: red; justify-content: center; } .mycontainer > div { background-color: #F1C40F; text-align: center; line-height: 60px; font-size: 30px; width: 100px; margin: 5px; } </style> </head> <body> <h1>Quiz</h1> <div class = "mycontainer"> <div>Q1</div> <div>Q2</div> <div>Q3</div> <div>Q4</div> </div> </body> </html>