Sử dụng căn chỉnh các mục thuộc tính có giá trị duỗi ra để kéo dài các mục linh hoạt.
Bạn có thể thử chạy mã sau để triển khai duỗi giá trị
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
.mycontainer {
display: flex;
height: 200px;
background-color: red;
align-items: stretch;
}
.mycontainer > div {
background-color: orange;
text-align: center;
line-height: 60px;
font-size: 30px;
width: 100px;
margin: 5px;
}
</style>
</head>
<body>
<h1>Queue</h1>
<div class = "mycontainer">
<div>Q1</div>
<div>Q2</div>
<div>Q3</div>
<div>Q4</div>
</div>
</body>
</html>