如何在表单中对齐两个commandButtons

Question

我的.xhtml页面中<p:commandButton>内有两个<h:form>个元素。 如何将它们对齐？

Answer 1

将它们包裹在div或span内容中，并将文本对齐：居中于div。

<div class="form-group center">
  <p:commandButton value="C1" action="#{login.login}" />
  <p:commandButton value="C2" action="#{login.login}" />
</div>
<style>
  .center {
    text-align: center;
  }
</style>

有许多方法可以实现这一点，也许查看CSS可以帮助理解它。

有用的链接：https://www.w3.org/Style/Examples/007/center.en.html#block