Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Flexbox

Total questions: 10

Worksheet time: 5mins

Name
Class
Date
1.

Какое свойство позволит расположить данные блоки вертикально (друг под другом)?

a)

flex-direction:column

b)

flex-direction:row

c)

flex-direction:row-reverse

d)

flex-direction:column-reverse

2.

Какое свойство отвечает за выравнивание блоков по главной оси?

a)

align-self

b)

flex-wrap

c)

align-items

d)

justify-content

3.

При значении align-items:flex-start блоки блоки сместятся

a)

вверх

b)

вниз

c)

влево

d)

вправо

4.

Свойство flex-wrap нужно для того чтобы

a)

задать выравнивание

b)

задать размер блоков

c)

чтобы они переходили на новую строку если не умещаются

d)

чтобы задать выравнивание отдельному элементу

5.

Данный эффект достигнут за счёт свойств

a)

align-items: flex-end;

    justify-content: space-between;

b)

align-items: space-between;

    justify-content: flex-end;

c)

align-items: flex-end;

    justify-content: space-around;

d)

align-items: space-around;

    justify-content: flex-end;

6.

Какое свойство применено к блоку 3, чтобы он стал меньше остальных?

a)

align-items

b)

justify-content

c)

align-content

d)

align-self

7.

Какое свойство позволяет менять местами блоки?

a)

flex-grow

b)

order

c)

space-between

d)

align-self

8.

Имеется 4 блока . Блок 3 имеет значение order:1, остальные по умолчанию. Где окажется блок 3?

a)

На первой позиции

b)

На второй позиции

c)

На третьей позиции

d)

На четвёртой позиции

9.

В какой строке допущена ошибка?

align-items: start;

    justify-content: space-between;

flex-wrap:wrap;

display:flex;

a)

1

b)

2

c)

3

d)

4

10.

При каком значении свойства align-items флексы растягиваются таким образом, чтобы занять всё доступное пространство контейнера.

a)

center

b)

flex-end

c)

flex-start

d)

Stretch