HTML 和 CSS，水平对齐 2 个按钮而不丢失表单操作

Question

这两个按钮中的每一个都调用一个外部 php 页面。它们在页面上的显示方式都是垂直对齐的。我怎样才能水平对齐彼此，当然不会丢失表单操作。？看截图

下面的代码，非常感谢。

<form action="reboot.php" method="get">
  <button class="button button3" type="submit">Server Reboot</button>
</form>

<form action="shutdown.php" method="get">
  <button class="button button3" type="submit">Server Shutdown</button>
</form>

Answer 1

这里是你如何做到的!

<div class="form-wrapper">
<form action="reboot.php" method="get">
  <button class="button button3" type="submit">Server Reboot</button>
</form>

<form action="shutdown.php" method="get">
  <button class="button button3" type="submit">Server Shutdown</button>
</form>
</div>

.form-wrapper{
    display: flex;
}

CSS 中的

display: flex 水平对齐所有包含的元素。