垂直堆叠按钮

Question

我想知道如何让一些按钮在 css 中垂直堆叠而不是水平堆叠。

所以，html 会是这样的：

 <button>Test<button>
<button>Test<button>
<button>Test<button>

这些按钮默认水平堆叠，我想要的是让它们垂直堆叠（这样每个人都在下一个按钮的顶部）。

原文由 Oscar Arranz 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

将按钮定义为块级元素。另外，请注意使用正确的结束标记 ( </button> )：

 button {
    display: block;
}

 <button>Test</button>
<button>Test</button>
<button>Test</button>

原文由 BenM 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

<buttons> 默认是行内块元素。您可以通过将显示样式设置为块来更改它：

 button {
  display: block;
}

 <button>Test</button>
<button>Test</button>
<button>Test</button>

原文由 j08691 发布，翻译遵循 CC BY-SA 3.0 许可协议