小编pre*_*ags的帖子

将p:graphicImage对齐到p:column的中心

我正在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)

html css jsf primefaces

1
推荐指数
1
解决办法
5627
查看次数

标签 统计

css ×1

html ×1

jsf ×1

primefaces ×1