如何将3个按钮各按行对齐？

Question

我正在尝试连续对齐3个按钮，但到目前为止没有任何效果。我清空了CSS。用按钮实现行排的最佳方法是什么？

也许有一种方法可以只用一种形式来执行此代码。

HTML

 <form action="link1" method="post"><button type="submit">Button 1</button></form>
 <form action="link2" method="post"><button type="submit">Button 2</button></form>
 <form action="link3" method="post"> <button type="submit">Button 3</button></form>

Screenshot of the page

非常感谢！

Answer 1

您可以使用flex容器吗？请确保设置flex-direction，以便将按钮置于一列而不是一行中，这是默认设置。

div.container {
  display: flex;
  flex-direction: column;
 }

<div class='container'>
  <form action="link1" method="post"><button type="submit">Button 1</button></form>
  <form action="link2" method="post"><button type="submit">Button 2</button></form>
  <form action="link3" method="post"> <button type="submit">Button 3</button></form>
</div>