我需要帮助-我正在尝试在flex中进行简单的路线可视化。 Flex允许元素之间保持相等的距离，元素之间可以具有不同的文本值。如您所见，当元素处于非活动状态或活动状态时，我必须分别在元素的底部和灰色或蓝色的条上制作小点。
不幸的是，我不知道如何匹配蓝线和灰线，使其始终与点之间的距离匹配（取决于点的文本长度）。感谢您的帮助。
以下是显示我想要实现的附件
如何在flexbox项之间设置行分隔符？
•
问答
PeterChia 回答：如何在flexbox项之间设置行分隔符？
并不是真正的专家，但是br可能会有所帮助。
我在https://tobiasahlin.com/blog/flexbox-break-to-new-row/
上找到了此示例/* Inserting this collapsed row between two flex items will make
* the flex item that comes after it break to a new row */
.break {
flex-basis: 100%;
height: 0;
}
<div class="container">
<div class="item"></div>
<div class="break"></div> <!-- break -->
<div class="item"></div>
</div>