Căn chỉnh các phần tử flex theo phần tử cha với khoảng cách
Giá trị space-around trong thuộc tính justify-content thiết lập
khoảng cách từ mép phần tử cha cho phần tử flex đầu tiên và cuối cùng.
Thoạt nhìn có thể nghĩ rằng khoảng cách
giữa các phần tử và giữa các phần tử ngoài cùng
với phần tử cha sẽ bằng nhau, tuy nhiên, không phải vậy
- khoảng cách giữa các phần tử sẽ lớn gấp 2
lần so với khoảng cách giữa phần tử cha và phần tử
ngoài cùng.
Hãy xem ví dụ:
.parent {
display: flex;
justify-content: space-around;
}
Kết quả thực thi mã:
