在 CSS 中,使用 display:flex 且 flex-direction:column 时,如何实现子元素的水平居中?
考察说明
考察 Flex 布局中主轴与交叉轴方向的基本理解与对齐属性应用
回答思路
- 明确 flex-direction:column 时主轴为垂直方向、交叉轴为水平方向
- 正确选用 align-items 实现交叉轴(水平)居中
- 能说明 align-items 与 justify-content 在 column 方向下的区别
- 能给出完整简洁的代码示例
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。