css - 使用 AlloyUI 在 中居中

Question

我在将一些按钮和图像置于 div 中心时遇到了一些问题。请看下图:

现在您可以看到，按钮和图像等没有居中(可能值得一提的是这些东西在表单标签内)。然后当然我有一些测试文本确实居中..

我的 HTML 具有以下结构:

<div class="navigationButtons">
   <form>
   </form>

   <p>Some tect that gets centered...</p>
</div>

还有我的 CSS:

.navigationButtons{
  text-align: center;
}

知道为什么会这样吗？

Answer 1

我无法在您的代码上对其进行测试，但这应该可以。

.navigationButtons { 
  width:auto;
  margin:0 auto;
  text-align:center;
}

或者你可以只对齐表格

.navigationButtons form { 
  width:auto;
  margin:0 auto;
}