使用伪元素(::after)结合绝对定位实现步骤间连接线，通过left和width的calc计算精准定位线条起止位置；2.为每个步骤设置position:relative作为定位上下文，伪元素通过top:50%和transform:transl...

答案是：align-items控制交叉轴对齐，主轴为横向时用align-items实现纵向对齐，主轴为纵向时需用justify-content实现纵向对齐。

使用CSSFlexbox可轻松实现垂直水平居中，只需设置父容器display:flex、justify-content:center和align-items:center，并确保容器有高度，适用于模态框、登录页等场景。