以为中心使用 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;
}

Answer 2

这对我有用。 查看此示例。

确保没有其他 CSS 规则覆盖您拥有的规则。另外，请在此处发布所有 HTML 代码，因为它可能很重要。