html - HTML 按钮的默认显示模式是什么？

Question

HTML中的每个元素都有一个默认的显示方式，如“ block ”、“内联”等。例如，“div”显示为“ block ”，“span”显示为“内联”。

我需要一个类似“按钮”元素的显示模式。 它更像是“内联”，因为您可以将它们中的一些放在一行中，但与“内联”不同的是，它们可以具有宽度属性。

好了，够了，让我们回到我的问题。 HTML按钮有哪些显示方式？

Answer 1

一个按钮默认是一个inline-block，所以没有换行符的多个按钮或一些按钮将彼此相邻显示:

<button>button 1</button>
<button>button 2</button>

如果你想让它们在彼此下面，你可以将它们显示为block:

button {
  display: block;
}

<button>button 1</button>
<button>button 2</button>