没有位置的中心2按钮：绝对

Question

在您认为它是重复之前，它不是。我已经完全搜索了这个问题，但我没有找到任何东西。

好的，回到原点。所以我有2个按钮。我想把这些按钮居中。我找到了一个解决方案，但是有一个position: absolute;。我不想使用它。另一个解决方案是：

.class {
  display: block;
  margin: 0 auto;
}

这也不行。我将block更改为inline-block，但这也无效。

HTML：

<button class="inloggen">Inloggen</button>
<button class="werken">Werken</button>

那么，是否有中心2按钮的解决方案？

Answer 1

将text-align:center用于父块 div，以将内嵌子元素或内联内容（如文本）对齐到中心。< / p>

＆＃13;

＆＃13;

.main {
  text-align: center;
}

＆＃13;

<div class="main">
  <button>One</button>
  <button>Two</button>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

＆＃13;

＆＃13;

.centerButton {
  text-align: center
}

＆＃13;

<div class="centerButton">
  <button class="inloggen">Inloggen</button>
  <button class="werken">Werken</button>
</div>

＆＃13;

＆＃13;

＆＃13;