vue中在多个span中间分隔下划线一条和屏幕一样长的下划线怎么写

可以使用CSS实现在多个span中间添加一条与屏幕一样长的下划线。

首先，给每个span元素添加一个共同的类名，例如underline-span，然后使用CSS的::after伪元素来添加下划线。

HTML代码：

<span class="underline-span">Text 1</span>
<span class="underline-span">Text 2</span>
<span class="underline-span">Text 3</span>

CSS代码：

.underline-span {
  position: relative;
}

.underline-span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100vw; /* 与屏幕宽度一致 */
  height: 1px;
  background-color: black; /* 下划线颜色 */
}

这样每个span元素之间就会有一条与屏幕一样长的下划线。你可以根据需要调整下划线的颜色、高度等属性