如何在div中水平内联按钮？

Question

我现在拥有的代码如下：

<div id="bint">
  <button id="ButtonA">
    Option A
  </button> 
  <button id="ButtonB">
    Option B
  </button>
</div>

除非删除div标签，否则这段代码不会对齐按钮。 将它们排成一列的最简单方法是什么？

Answer 1

默认情况下，按钮按行内对齐对齐，因此它们将水平显示。 如果您想垂直显示它们，可以设置一个css规则以diplay：阻止。 您可以在以下链接中查看更多信息： Which display mode do HTML buttons have?

Answer 2

我会签出CSS Flexbox，看看这个Flexbox generator可以帮助您更好地理解它。