HTML按钮有哪种显示模式？

Question

HTML中的每个元素都有一个（默认）显示模式，如block，inline等。

例如div元素是块，span元素是内联的，现在我需要一个像按钮元素一样的显示模式（或类型=＆＃34;按钮＆＃34;属性的输入），它有点像内联因为你可以把它们中的一些放在一行中，但与内联元素不同，它们可以有宽度属性。

好的，我的问题，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>

Answer 2

并且通过将按钮的显示值更改为块，您可以轻松地将其居中，如下所示： （假设它有一个 btn 类）

main