Căn chỉnh các phần tử flex theo phần tử cha trong CSS

Giá trị space-between, được đặt trong thuộc tính justify-content, cho phép phân phối đều các phần tử theo phần tử cha. Khoảng cách giữa chúng được tính toán tự động. Phần tử đầu tiên sẽ được đẩy sát cạnh trái, và phần tử cuối cùng - sát cạnh phải.

Hãy xem ví dụ:

css.parent {
  display: flex;
  justify-content: space-between;
}

Kết quả thực thi mã: