HTML按钮有哪些显示模式？

Question

HTML中的每个元素都有（默认）显示模式，例如块，内联等。

例如div元素是block元素，而span元素是内联元素，现在我需要一种显示模式，例如button元素（或具有type =“ button”属性的输入），有点像inline，因为您可以将其中一些放在一行中，但是与内联元素可以具有width属性。

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