2025年中级前端开发工程师CSS3Flexbox布局实战应用考核试卷.docVIP

2025年中级前端开发工程师CSS3Flexbox布局实战应用考核试卷

一、单项选择题（每题1分，共30题）

1.在Flexbox布局中，哪个属性用于指定容器的主轴方向？

A.flex-flow

B.flex-direction

C.flex-wrap

D.flex-grow

2.Flexbox布局中，哪个属性用于设置项目的填充空间？

A.flex-basis

B.flex-grow

C.flex-shrink

D.flex-fill

3.在Flexbox布局中，如何使项目在容器中不换行？

A.flex-wrap:nowrap;

B.flex-wrap:wrap;

C.flex-direction:column;

D.flex-direction:row;

4.Flexbox布局中，哪个属性用于设置项目在主轴上的对齐方式？

A.justify-content

B.align-items

C.align-content

D.flex-align

5.在Flexbox布局中，哪个属性用于设置项目在交叉轴上的对齐方式？

A.justify-content

B.align-items

C.align-content

D.flex-align

6.Flexbox布局中，哪个属性用于设置项目的弹性比例？

A.flex-grow

B.flex-shrink

C.flex-basis

D.flex-wrap

7.在Flexbox布局中，如何使项目在容器中占据全部可用空间？

A.flex:auto;

B.flex:1;

C.flex:100%;

D.flex:fill;

8.Flexbox布局中，哪个属性用于控制项目的顺序？

A.order

B.flex-order

C.flex-index

D.z-index

9.在Flexbox布局中，如何使项目在容器中不伸缩？

A.flex:none;

B.flex:0;

C.flex:initial;

D.flex:auto;

10.Flexbox布局中，哪个属性用于设置项目的对齐方式？

A.align-self

B.flex-align

C.justify-self

D.self-align

11.在Flexbox布局中，如何使项目在容器中水平居中？

A.justify-content:center;

B.align-items:center;

C.align-content:center;

D.flex-align:center;

12.Flexbox布局中，哪个属性用于设置项目的最小宽度？

A.min-width

B.flex-min-width

C.flex-basis

D.min-flex-width

13.在Flexbox布局中，如何使项目在容器中垂直居中？

A.align-items:center;

B.justify-content:center;

C.align-content:center;

D.flex-align:center;

14.Flexbox布局中，哪个属性用于设置项目的最大宽度？

A.max-width

B.flex-max-width

C.flex-basis

D.max-flex-width

15.在Flexbox布局中，如何使项目在容器中从右到左排列？

A.flex-direction:row-reverse;

B.flex-direction:column-reverse;

C.flex-direction:row;

D.flex-direction:column;

16.Flexbox布局中，哪个属性用于设置项目的最小高度？

A.min-height

B.flex-min-height

C.flex-basis

D.min-flex-height

17.在Flexbox布局中，如何使项目在容器中从下到上排列？

A.flex-direction:column-reverse;

B.flex-direction:row-reverse;

C.flex-direction:column;

D.flex-direction:row;

18.Flexbox布局中，哪个属性用于设置项目的最大高度？

A.max-height

B.flex-max-height

C.flex-basis

D.max-flex-height

19.在Flexbox布局中，如何使项目在容器中填充所有可用空间？

A.flex:fill;

B.flex:1;

C.flex:auto;

D.flex:100%;

20.Flexbox布局中，哪个属性用于设置项目的对齐方式？

A.align-self

B.flex-align

C.justify-self

D.self-align

21.在Flexbox