HTML 按钮的默认显示模式是什么？答案

【问题标题】：What is the HTML buttons' default display mode?HTML 按钮的默认显示模式是什么？
【发布时间】：2015-04-10 16:11:15
【问题描述】：

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

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

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

【问题讨论】：

查看可用的display 属性值，它会显示您想要的类型，尽管默认情况下，在每个浏览器中不一定相同。
听起来你想要内联块；
<button> 元素是 inline 元素。
@TylerH：不，这是inline-block，请参阅：w3.org/TR/CSS2/sample.html
@LinkinTED 在这种情况下，MDN 是错误的：developer.mozilla.org/en-US/docs/Web/HTML/Element/button

标签： html css

【解决方案1】：

一个按钮默认是inline-block，所以多个按钮没有换行符或者一些会并排显示：

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

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

button {
  display: block;
}

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

【讨论】：

【解决方案2】：

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

.btn{
    display: block;
    margin: 2em auto;
}

【讨论】：