Die waarde center van die eienskap align-items in CSS

Die waarde center laat toe om elemente in die middel van die dwar-as te belyn:

css.parent {
  display: flex;
  flex-direction: row;
  align-items: center; /* sentreer op die dwar-as */
}

Resultaat van die kode-uitvoering:

Задание 1

Herhaal die bladsy volgens hierdie voorbeeld:

Задание 2

Herhaal die bladsy volgens hierdie voorbeeld:

Задание 3

Herhaal die bladsy volgens hierdie voorbeeld:

Задание 4

Herhaal die bladsy volgens hierdie voorbeeld:

Задание 5

Herhaal die bladsy volgens hierdie voorbeeld:

Задание 6

Herhaal die bladsy volgens hierdie voorbeeld: