html - 垂直堆叠按钮

Question

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

所以，html 应该是这样的:

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

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

Answer 1

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

button {
    display: block;
}

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