JSF片段将图像置于数据表Primefaces中心

Question

如何对齐作为元素的graphicImage作为中间的列。现在它是左对齐的。我尝试了很多，但它不起作用。

<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>

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