如何将JSF组件与中心对齐

Question

在我的JSF 2 - Primefaces 3 Web应用程序中,我正在使用<p:panelGrid>和<p:panel>.我在其中有多个组件,这些组件是左对齐的.我需要全部成为中心对齐.我们怎么能这样做我试图使用div但它不起作用.

Answer 1

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

如果你想中心的HTML元素是一个块元素(<div>,<p>,<form>,<table>,等等,或强制通过display: block;),那么首先需要给它一个已知的宽度,然后就可以居中相对于其父块元件使用margin: 0 auto;关于元素本身的CSS .

如果您想居中HTML元素是一个内联元素(<span>,<label>,<a>,<img>,等,或被迫display: inline;),那么你可以使用CSS居中text-align: center;其父块元素.

Answer 2

如果要将primefaces:panelGrid的内容设置为居中,可以尝试以下操作:

<h:panelGrid column="1">

   <h:panelGroup style="display:block; text-align:center">

           your contents...

   </h:panelGroup>

</h:panelGrid>