Question

我定义了以下对话框：

        <p:dialog id="dialog" header="Request Detail"
            widgetVar="requestDialog" resizable="false" showEffect="fade"
            hideEffect="fade" >
            <h:panelGrid id="display" columns="2" border="1" cellpadding="4" columnsclasses="width:200px;width:450px;"              
                style="vertical-align:top" >

                <!-- SNIP -->

                <h:outputText value="Status Notes:" styleClass="newCourier" />
                <h:outputText value="#{uploadStatus.selectedRequest.statusNotes}" styleClass="newCourier" 
                    escape="false" />

            </h:panelGrid>
        </p:dialog>

如何让Status Notes对齐/出现在网格的顶部？

我尝试将style="float:top"添加到其h:outputText标记以及其他一些内容中。

如果重要，这里是.newCourier的定义：

.newCourier {
   font-family: courier new;
}

我感谢任何帮助。谢谢。

编辑：
基本上，我有一个包含2列的1行表（我有其他行，但我只关心这一行）。第一列只是“状态注释”。第二列长度可变，但可能非常大。现在，“状态注释”在其列框中居中但我希望它在其列框的顶部垂直对齐。

EDIT2：
What I'm trying to achieve...

Answer 1

使用Primefaces Panelgrid（h:panelGrid

而不是标准<p:panelGrid)

<p:panelGrid id="display" columns="2" border="1" cellpadding="4" columnsclasses="width:200px;width:450px;">

               <p:outputPanel style="float: left">     
               <f:facet name="header">  
                Status Note:  #{uploadStatus.selectedRequest.statusNotes}
                </f:facet>
                </p:outputPanel>



            </p:panelGrid>

的更新 的

删除评论专线

如何在panelGrid中对齐outputText

1 个答案: