css - 如何将 JSF 组件居中对齐

Question

在我的 JSF 2 - Primefaces 3 Web 应用程序中，我使用 <p:panelGrid>和 <p:panel> .我在其中有多个组件，它们是左对齐的。我需要所有人都居中对齐。我们如何做到这一点我尝试使用 div 但它不起作用。

Answer 1

查看生成的 HTML 输出并相应地更改 CSS。

如果您想居中的 HTML 元素是 block element ( <div> ， <p> ， <form> ， <table> 等，或由 display: block; 强制)，那么您首先需要给它一个已知的宽度，然后您可以使用它相对于其父 block 元素居中CSS margin: 0 auto;在元素本身上。

如果您想居中的 HTML 元素是 inline element ( <span> ， <label> ， <a> ， <img> 等，或由 display: inline; 强制)，然后您可以使用 CSS text-align: center; 将其居中在其父 block 元素上。