Penjajaran Elemen Flex Mengikut Induk dalam CSS

Nilai space-between, yang ditetapkan dalam sifat justify-content, membolehkan elemen diagihkan secara sekata mengikut induk. Pada masa yang sama, jarak antara mereka dikira secara automatik. Elemen pertama akan ditolak ke tepi kiri, dan yang terakhir - ke tepi kanan.

Mari kita lihat contoh:

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

Keputusan pelaksanaan kod:

Задание 1

Ulang halaman mengikut contoh ini: