如何向 h:panelGrid 添加样式答案

【问题标题】：How to add style to h:panelGrid如何向 h:panelGrid 添加样式
【发布时间】：2012-07-26 02:28:42
【问题描述】：

我有一个包含两列的面板网格，我想将右列文本居中对齐，将左列文本向左对齐。

我尝试一遍又一遍地玩它，但仍然无法正常工作

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

知道如何存档此布局吗？

谢谢

【问题讨论】：

这是你想要实现的 columnClasses="left,centered" 吗？

标签： css jsf-2

【解决方案1】：

你应该更好地使用

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

你好！

【讨论】：

【解决方案2】：

我找到了解决方案:)

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

【讨论】：

自 1998 年的 HTML 4.01 起，<center> 元素已被弃用。