我正在PrimeFaces 6.0中开发一个测试JSF项目。应该有很少的图标放置在表状结构中并居中。我尝试将p:panelGrid与p:row和p:column一起使用来创建类似表格的结构,并使用p:graphicImage来显示图标。
问题是让p:graphicImage居中位于单元格内,即位于ap:column内。
我的代码示例如下,并且未提供期望的结果。
<p:panelGrid id="pgIcons" style="width: 100%;">
<p:row>
<p:column style="width: 34%; text-align: center;">
<p:graphicImage id="gi1" styleClass="ui-icon ui-icon-check"/>
</p:column>
<p:column style="width: 33%; text-align: center;">
<p:graphicImage id="gi2" styleClass="ui-icon ui-icon-bookmark"/>
</p:column>
<p:column style="width: 33%; text-align: center;">
<p:graphicImage id="gi3" styleClass="ui-icon ui-icon-tag"/>
</p:column>
</p:row>
</p:panelGrid>
Run Code Online (Sandbox Code Playgroud)