align-items-ominaisuuden center-arvon merkitys CSS:ssä

Arvo center mahdollistaa elementtien keskittämisen poikittaista akselia pitkin:

css.parent {
  display: flex;
  flex-direction: row;
  align-items: center; /* keskitytään poikittaisakselia pitkin */
}

Koodin suorituksen tulos:

Задание 1

Toteuta sivu seuraavan esimerkin mukaisesti:

Задание 2

Toteuta sivu seuraavan esimerkin mukaisesti:

Задание 3

Toteuta sivu seuraavan esimerkin mukaisesti:

Задание 4

Toteuta sivu seuraavan esimerkin mukaisesti:

Задание 5

Toteuta sivu seuraavan esimerkin mukaisesti:

Задание 6

Toteuta sivu seuraavan esimerkin mukaisesti: