jsf - 如何改变垂直对齐里面

Question

正如标题所示，我正在尝试更改<p:outpuLabel>内部的垂直对齐方式<p:toolbar>。但没有任何效果！我尝试更改 primefaces 类，添加间隔，添加边距顶部。没有任何效果！请有人帮忙！

我的代码：

<p:toolbar
style="margin-left:-11px;margin-right:-11px;margin-top:4px;margin-bottom:-2px;">

<p:toolbarGroup align="right">
    <p:commandButton value="Export Excel" icon="excel" ajax="false">
        <p:dataExporter type="xls" target="academicEventsDataTable"
            fileName="#{academicEventsManagedBean.exportedFileName}"
            postProcessor="#{academicEventsManagedBean.excelPostProcessor}" />
    </p:commandButton>
</p:toolbarGroup>
<p:toolbarGroup align="left">
    <p:fileUpload id="fileupload" mode="advanced"
        widgetVar="excelFileUpload"
        update=":formDataTable:messages,:formDataTable:academicEventsDataTable,uploadProgressLabel"
        showButtons="false" auto="true" label="Import"
        fileUploadListener="#{academicEventsManagedBean.uploadExcelFile}"
        requiredMessage="Invalid file type"
        allowTypes="/(\.|\/)(xls|xlsx)$/"
        disabled="#{academicEventsManagedBean.fullControlAcademicEvents}"
        style="float:left;" onstart="startProgress();"
        oncomplete="endProgress();" />
    <p:outputLabel id="uploadProgressLabel" style="color:black;"/>
</p:toolbarGroup>
</p:toolbar>

Answer 1

在 toolbarGroup 中添加 ap:panelGrid，列 >= 元素数：

<p:toolbarGroup align="left">
  <p:panelGrid columns="5">
    <p:fileUpload ...  />
    <p:outputLabel id="uploadProgressLabel" style="color:black;"/>
  </p:panelGrid>
</p:toolbarGroup>

h:panelGrid 也可以。