以<div>为中心使用AlloyUI </div>

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

它对我有用。的 See this example

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