0

2 つの列を持つパネル グリッドがあり、右の列のテキストを中央に配置し、左の列のテキストを左に配置したいと考えています。

私はそれで何度も遊んでいますが、それでもうまくいきません

<pe:layoutPane position="south" resizable="false" closable="false" statusbar="true" spacing="0">
                <h:panelGrid columns="2" styleClass="left,centered" width="100%">
                    <h:outputText value="DEV"/>
                    <h:panelGroup>
                        <h:outputText value="Developed by "/>
                        <h:outputLink id="link1" value="mailto:to@mm.com" >
                            <h:outputText value="text" style="text-decoration:underline"/>
                        </h:outputLink>
                    </h:panelGroup>
                </p:panelGrid>
            </pe:layoutPane>

CSSは次のとおりです。

 .centered  {
 margin: 0px auto;
text-align: center;
 }


.left {
float: left;   
}

このレイアウトをアーカイブするにはどうすればよいですか??

ありがとう

4

2 に答える 2

2

あなたはよりよく使うべきです 

<h:panelGrid columns="2" columnClasses="left,centered">
...
</h:panelGrid>

あいさつ！

于 2012-07-26T08:56:09.457 に答える
0

私は解決策を見つけました:)

        <center>
                    <h:outputText value="DEV" style="float: left" styleClass="footer"/>
                    <h:outputText value="xxxxxxx" styleClass="footer"/>
                    <h:outputLink id="link1" value="mailto:xxxx@xxxx" styleClass="footer">
                        <h:outputText value="xxx" style="text-decoration:underline" styleClass="footer"/>
                    </h:outputLink>
                </center>
于 2012-07-26T03:24:26.013 に答える