小编Phe*_*nix的帖子

在 CSS 中使两个圆圈位于垂直线的顶部

我想让线条顶部的橙色和蓝色圆圈介于两者之间。

.content-wrap {
  border-left: 1px dashed black;
  height: 5em;
  position: absolute;
}

.content-wrap::before {
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  left: 0;
  Content: "";
  border: none;
  height: 2px;
}

Run Code Online (Sandbox Code Playgroud)

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<div class="content-wrap">
  <font-awesome-icon class="icon1" fixed-width icon="dot-circle" />
  <font-awesome-icon class="icon2" fixed-width icon="map-marker-alt" />
</div>

Run Code Online (Sandbox Code Playgroud)

电流输出：

参考上图