Css 如何定位几个span'；它在彼此下面

我想定位两个span和一个按钮，如下所示：

span1

span2

钮扣

但是，在我当前的代码中，它们看起来是这样的：

span1 span2按钮

---

span

是内联元素。如果要将它们放置在彼此下方，请使用块元素或使用

display:block

试试：

span {
  float: left;
  clear: left;
}
button {
  float: left;
  clear: left;
}
button:hover {
  background-image: url('imageurl');
}

浮动后的清除将导致跨度下降到新线。

---

始终可以使用flexbox

<div style="display:flex; flex-direction:column">
  <span>Hello</span>
  <span>there,</span>
  <span>span!</span>
</div>

你好
那里
跨度

您必须将填充/间距应用于elements@user2316675-尝试添加填充底部：10px；例如，Kay谢谢，我还需要它位于屏幕中间，在彼此下方将它们放入

div

中，带

边距：0自动<div style="display:flex; flex-direction:column">
  <span>Hello</span>
  <span>there,</span>
  <span>span!</span>
</div>