垂直时间轴左右交替布局失效，请求技术排查

核心问题出在时间轴容器未启用Flex布局，导致你写的align-self: flex-end完全无法生效，这就是所有内容都靠左的根本原因。

修复步骤 #

1. 给.timeline_vertical添加Flex布局声明：

.timeline_vertical {
  position: relative; /* 确保中间轴线伪元素的绝对定位基于容器 */
  display: flex;
  flex-direction: column;
  gap: 30px; /* 替代子元素的margin-bottom，布局更可控 */
}

2. 移除子内容块的底部外边距：删除.timeline_vertical > .ct-div-block > .ct-div-block中的margin-bottom: 30px，避免和Flex容器的gap重复造成多余间距。

额外细节优化 #

• 确认--line-width、--dot-size等CSS变量已正确定义，否则中间轴线和节点会显示异常。
• 检查.timeline_vertical > .ct-div-block是否确实是容器的直接子元素，多余的嵌套层级会导致:nth-child选择器失效。
• 可以给偶数项的内容块添加左对齐样式，避免文字和左侧边缘重叠：

.timeline_vertical > .ct-div-block:nth-child(even) > .ct-div-block {
  margin-left: auto; /* 让内容块在自身宽度范围内靠右对齐 */
}

内容的提问来源于stack exchange，提问作者Francesca Spampinato