wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

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

Total questions: 10

Worksheet time: 5mins

Name
Class
Date
1.

Ko nosaka īpašība flex-direction?

a)

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

b)

Nosaka elementu izvietošanu pa vertikāli.

c)

Nosaka elementu izvietošanu pa horizontāli.

d)

Nosaka, vai elementi ir bloki vai fleksi.

2.

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

a)

Elementi tiek izvietoti vertikāli, viens zem otra.

b)

Elementi tiek izvietoti horizontāli viens aiz otra.

c)

Elementi tiek izvietoti pa diagonāli.

d)

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

3.

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

a)

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

b)

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

c)

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

d)

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

4.

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

a)

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

b)

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

c)

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

d)

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

5.

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

a)

flex-end

b)

stretch

c)

baseline

d)

flex-start

6.

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

a)

flex-end

b)

stretch

c)

baseline

d)

flex-start

7.

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

a)

flex-end

b)

stretch

c)

baseline

d)

flex-start

8.

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

a)

flex-end

b)

space-between

c)

space-around

d)

flex-start

9.

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

a)

flex-end

b)

space-between

c)

space-around

d)

flex-start

10.

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

a)

column

b)

row-reverse

c)

column-reverse

d)

initial