jsf - JSF 片段在数据表 Primefaces 中居中图像

Question

如何对齐一个图形图像，它将作为一个元素作为中间的一列出现。现在它是左对齐的。我尝试了很多，但它不会工作。

<p:column>
    <f:facet name="header">
        <h:outputText value="Status" />
    </f:facet>
    <h:graphicImage value="../resources/images/Yellow_button.png"
    style="float:center;height: 18px; width: 20px"
        rendered="#{categorey.status == 1}" title="READY TO ZIP"/>
<p:column>

Answer 1

您可以对齐整列的表格单元格内容：

<p:column style="text-align: center">
   <f:facet name="header">
     <h:outputText value="Status" />
   </f:facet>
   <h:graphicImage value="../resources/images/Yellow_button.png" />
</p:column>

为了分离布局，您也可以使用styleClass从 css 资源中引用类的属性。