Sử dụng justify-content thuộc tính để căn chỉnh theo chiều ngang các mục linh hoạt khi các mục không sử dụng tất cả không gian có sẵn trên trục chính.
Bạn có thể thử chạy mã sau để triển khai thuộc tính justify-content
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
.mycontainer {
display: flex;
background-color: blue;
justify-content: center;
}
.mycontainer > div {
background-color: white;
text-align: center;
line-height: 40px;
font-size: 25px;
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>