display:flex; justify-content; align-items; flex-direction

Ko nosaka īpašība flex-direction?

• Nosaka, kā un kādā secībā tiek sakārtoti elementi blokā.

• Nosaka elementu izvietošanu pa vertikāli.

• Nosaka elementu izvietošanu pa horizontāli.

• Nosaka, vai elementi ir bloki vai fleksi.

Kā flex-direction: column; ietekmē elementu izvietošanu?

• Elementi tiek izvietoti vertikāli, viens zem otra.

• Elementi tiek izvietoti horizontāli viens aiz otra.

• Elementi tiek izvietoti pa diagonāli.

• Elementi tiek izvietoti tā, it kā tie būtu bloki.

Kā align-items ietekmē elementu izvietošanu?

• Nosaka elementu izvietošanu horizontāli (pa labi, pa vidu vai pa kreisi).

• Nosaka elementu izvietošanu vertikāli (augšā, pa vidu, apakšā).

• Izlīdzina elementus pa centrālu asi (pa vidu)

• Izlīdzina elementu izvietošanu pa diagonāli.

Kā justify-content ietekmē elementu izvietošanu?

• Nosaka elementu izvietošanu horizontāli (pa labi, pa vidu vai pa kreisi).

• Nosaka elementu izvietošanu vertikāli (augšā, pa vidu, apakšā).

• Izlīdzina elementus pa centrālu asi (pa vidu)

• Izlīdzina elementu izvietošanu pa diagonāli.

Kāda vērtība ir norādītā metodei align-items dotajā attēlā?

• flex-end

• stretch

• baseline

• flex-start

Kāda vērtība ir norādītā metodei align-items dotajā attēlā?

• flex-end

• stretch

• baseline

• flex-start

Kāda vērtība ir norādītā metodei align-items dotajā attēlā?

• flex-end

• stretch

• baseline

• flex-start

Kāda vērtība ir norādītā metodei justify-content dotajā attēlā?

• flex-end

• space-between

• space-around

• flex-start

Kāda vērtība ir norādītā metodei justify-content dotajā attēlā?

• flex-end

• space-between

• space-around

• flex-start

Kāda vērtība ir norādītā metodei flex-direction dotajā attēlā?

• column

• row-reverse

• column-reverse

• initial