Div 占用顶部空白空间

编程问答 2022-05-15

问题描述

在这里，我正在创建一个移动到右侧的时间线奇数 div。我想下一个 div 不会离开顶部空间红色 div 从顶部开始等等。任何人都可以向我建议如何获得此输出。我想达到这样的

enter image description here

.timeline {
  display: flex;
  flex-direction: column;
}

article {
  width: 100px;
  height: 50px;
  background: red;
}

.timeline-entry.right-aligned {
  align-self: flex-end;
  background: blue;
}
<div class="timeline">
  <article class="timeline-entry right-aligned"></article>
  <article class="timeline-entry left-aligned"></article>
  <article class="timeline-entry right-aligned"></article>
  <article class="timeline-entry left-aligned"></article>
</div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

htmljavascripttimeline