2012-07-26 33 views
0

我有两列的面板网格,我想对准中央的右列文本和左边的列文本左。如何样式添加到h:panelGrid的

我尝试一遍又一遍用它玩,但它仍然不工作

<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:[email protected]" > 
          <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; 
} 

任何想法,我怎么会存档这样的布局?

感谢

+0

这是你想要实现columnClasses =“左,居中”? – StephenMeyer 2012-08-23 12:25:44

回答

0

我找到了解决办法:)

 <center> 
        <h:outputText value="DEV" style="float: left" styleClass="footer"/> 
        <h:outputText value="xxxxxxx" styleClass="footer"/> 
        <h:outputLink id="link1" value="mailto:[email protected]" styleClass="footer"> 
         <h:outputText value="xxx" style="text-decoration:underline" styleClass="footer"/> 
        </h:outputLink> 
       </center> 
+5

'

'元素自1998年HTML 4.01以来已弃用。 – BalusC 2012-07-26 04:47:42

2

,你应该更好地利用

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

的问候!