如何在 div 内水平内联按钮？答案

【问题标题】：How to horizontally inline buttons inside a div?如何在 div 内水平内联按钮？
【发布时间】：2019-02-21 16:49:24
【问题描述】：

我现在的代码如下：

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

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

【问题讨论】：

【解决方案1】：

默认情况下，按钮在 inline-block 中对齐，因此它们会水平显示。如果你想垂直展示它们，你应该设置一个 css 规则来显示：块。您可以在以下链接中查看更多信息： Which display mode do HTML buttons have?

【讨论】：

【解决方案2】：

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

【讨论】：