0

私のJSF-PrimeFaces webappでは、コンテンツを水平方向に中央に揃える必要があります。どうやってやるの？

のコードは次のとおりです。

    <p:panel id="businesses_panel" header="#{business.businessName}" styleClass="mini-panel panel-grid tr panel-grid td panel-hover panel-header-title-small">
<div align="center">
    <p:panelGrid columns="1">
        <div class="component-spacing-top"/>
        <h:graphicImage alt="#{business.businessName}" value="#{business.logoFullPath}" class="small-panel-image" />
        <div class="component-spacing-top"/>
    </p:panelGrid>
</div>
</p:panel>
4

2 に答える 2

1

align="center"廃止されました。代わりに css を使用する必要があります。

            <style type="text/css">
                .test table{
                    margin-left: auto !important;
                    margin-right: auto !important;
                }
            </style>
            <p:panel styleClass="test">
                   ...
            </p:panel>

以下も参照してください。

于 2013-05-08T04:30:16.643 に答える
0

これを試すことができます：

<style type="text/css">
    #businesses_panel .ui-panel-content {
        margin-left:  auto !important;
        margin-right: auto !important;
    }
</style>
于 2013-05-08T09:27:45.603 に答える