互联网/IT行业面试题更新 2026-08-05

在 CSS 中,使用 display:flex 且 flex-direction:column 时,如何实现子元素的水平居中?

作业帮互联网/IT技术原理CSS

考察说明

考察 Flex 布局中主轴与交叉轴方向的基本理解与对齐属性应用

回答思路

  1. 明确 flex-direction:column 时主轴为垂直方向、交叉轴为水平方向
  2. 正确选用 align-items 实现交叉轴(水平)居中
  3. 能说明 align-items 与 justify-content 在 column 方向下的区别
  4. 能给出完整简洁的代码示例
本题已收录答题指导

本题附完整参考答案与评分标准

登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。