0

版本：

Aapche MyFaces 2.1.14

RichFaces 4.3.5

问题 ：

我面临在 h:panelGid 行之间插入空格的问题。以下是页面的总体布局：

User Id :   <empty space>
<INPUT-BOX>     <empty space>

<!-- space here -->

Password 1  :   <empty space>
<INPUT-BOX>     Description Text

<!-- space here -->

Password 2  :   <empty space>
<INPUT-BOX>     Description Text

为了获得以上布局，我使用了以下代码。每个内部面板网格在两列中包含 4 个元素。顶部面板网格包含所有内部面板网格，列为 1。

问题是，我无法在两个内部面板网格之间或更具体地在表格单元格之间获得空间。我试过使用：

1）单元格间距

2）行类

但是这两种方法都不起作用。下面给出了用于 rowClasses 的样式。通过浏览器调试时，似乎rowClasses确实适用于每个<tr>表。

有人可以帮忙吗？

代码 ： 

<h:panelGrid columns="1" rowClasses="tableCell,tableCell,tableCell,tableCell" cellspacing="100px">


        <h:panelGrid columns="2">
                <h:outputText value="User ID:" styleClass="label"/>
                <h:outputText value=""/>

                <h:inputText id="userid" name="userid" styleClass="input"/>
                <h:outputText value=""/>
        </h:panelGrid>

        <!-- space here --> 


        <h:panelGrid columns="2">
                <h:outputText value="Password1:" styleClass="label"/>
                <h:outputText value=""/>

                <h:inputText id="passwd1" name="passwd1" styleClass="input"/>
                <h:outputText  value="This is password 1"/>

        </h:panelGrid>

        <!-- space here --> 
        <h:panelGrid columns="2">
                <h:outputText value="Password2:"/>
                <h:outputText value=""/>

                <h:inputText id="passwd2" name="passwd2" styleClass="input"/>
                <h:outputText value="This is password 2 ."/>
        </h:panelGrid>
        <!-- space here --> 

        <h:commandButton id="submit" styleClass="button" value="Submit" action="#{bean.action}"/>


</h:panelGrid>

<!-- style -->

.tableCell{
    margin-top : 100px;
}
4

0 回答 0