html - 如何在栏中制作两个按钮？

如何在列和中间设置两个按钮？
我尝试了flexbox，但是当我添加flex-direction:column时，按钮的宽度变为100％
我需要这样


的HTML

<form>
  <button type="button">Regulamin</button>
  <button type="button">Formularz kontaktowy</button>
</form>

的CSS

form {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-top: 20px;
}

最佳答案

一种方法是通过在按钮上指定width并通过margin: 0 auto将其居中。

form button {
    width: 100px;
    margin: 0 auto;
}

样本片段可用于：

form {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-top: 20px;
}
form button {
  width: 100px;
  margin: 0 auto;
}

<form>
  <button type="button">Regulamin</button>
  <button type="button">Formularz kontaktowy</button>
</form>