什么是HTML按钮'默认显示模式? [英] What is the HTML buttons' default display mode?

问题描述

HTML中的每个元素都具有默认的显示模式，例如"block"，"inline"等.显示为块"，而跨度"显示为显示为内联".

Each element in HTML has a default display mode like "block", "inline", etc. For example, the "div" display is "block", and the "span" display is "inline".

我需要显示模式，例如按钮"元素.它更像是内联"因为您可以将其中一些放在一行中，但是与内联"不同它们可以具有width属性.

I need a display mode like the "button" elements. It's more like the "inline" because you can put some of them in one line, but unlike the "inline" they can have width property.

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

OK, enough, let's back to my question. Which display mode do HTML buttons have?

推荐答案

默认情况下，按钮是 inline-block ，因此多个没有换行符的按钮或某些按钮将彼此相邻显示:

A button is by default an inline-block, so multiple buttons without a line break or some will be displayed next to each other:

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

如果希望它们彼此位于下方，则可以将它们显示为 block :

If you want them to be under each other, you could display them as block:

button {
  display: block;
}

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

这篇关于什么是HTML按钮'默认显示模式?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！