两个span如何上下排列

你可以使用CSS的display属性来实现两个span上下排列。将它们包裹在一个父元素中，然后将该父元素的display属性设置为flex，并将flex-direction属性设置为column。这样，两个span就会垂直排列。

以下是一个示例代码：

HTML:

<div class="container">
  <span>第一个span</span>
  <span>第二个span</span>
</div>

CSS:

.container {
  display: flex;
  flex-direction: column;
}

这样设置后，第一个span会在第二个span的上方。如果你想让它们的顺序反过来，你可以使用flex-direction: column-reverse。