我想建立一个垂直等距垂直条纹的竖线。即使窗口高度发生变化,它们也应保持这种状态(点的大小不变,但它们之间的空间发生变化)。我想在不使用JS的情况下实现这一点。第一个和最后一个点应该留在条的顶部和底部。做这个的最好方式是什么?居中多个div垂直和响应
我写了一个codepen,使其更容易:
<div class="wrap-side-bar">
<div style="position:relative;width:100%;height:100%;">
<div class="bar gradient"></div>
<div class="dot gradient"></div>
<div class="dot gradient"></div>
<div class="dot gradient"></div>
<div class="dot gradient"></div>
</div>
</div>
这是优秀的,谢谢。 (在Firefox上,第一个点不出现,但我不需要Firefox支持) –