bbs-go-site

我在Google上搜索了很多我认为可以回答我问题的东西，但是我在这里，再次寻求您的帮助。

我正在使用React和React-Bootstrap。

只要内容继续，我希望页面上有一条垂直线（就像时间线一样）。目前我正在做的是：

<div className="timeline">
....Content
</div>

和CSS：

.timeline:before {
  content: "";
  position: absolute;
  left: 50%;
  width: 2px;
  height: 100%;
  background: #000;
}

我认为这是在React渲染内容之前先绘制线条，所以100％将小于实际的100％。我希望此行根据内容长度（最好是动态地）扩展。

我曾考虑创建一个react组件，并在每隔一个其他组件都安装好之后画线，但是我认为有更好的方法来解决此问题，我不确定是否可行。

I'm also adding a screenshot here so that you will see the problem: line ending but content is going on

根据内容长度跨页行