我的Web应用程序标头在中间包含一个文本,在右侧包含一个ajax状态。

每次用户激活ajax时,标题文本都会跳到左侧

<h:outputText value="${messages.HEADER}"/>
<p:ajaxStatus id="ajax-StatusPanel" onsuccess="" style="float: right;margin-top: -5px;margin-right:10px;">
    <f:facet name="start">
        <p:graphicImage value="resources/images/ajax-loader.gif" />
    </f:facet>
    <f:facet name="complete">
        <h:outputText value=""/>
    </f:facet>
</p:ajaxStatus>


标头文字CSS:

.pe-layout-inner-north > .pe-layout-pane-content {
    background-color: #5080C0;
    border:1px solid #222222;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size:1.5em;
    font-weight: bolder;
    text-align: center;
    color:#FFFFFF;
    display: block;
}


如何将标题永久设置在中心?

谢谢

最佳答案

我找到了解决方案-使用h:panelGrid:

<h:panelGrid columns="1" columnClasses="mainHeader" style="margin:0px auto;">
    <h:outputText value="${dy_messages.DYE_HEADER}"/>
</h:panelGrid>
<p:ajaxStatus id="ajax-StatusPanel" onsuccess="" style="float: right;margin-right:10px;margin-top: -32px">
    <f:facet name="start">
        <p:graphicImage value="resources/images/ajax-loader.gif" />
    </f:facet>
    <f:facet name="complete">
        <h:outputText value=""/>
    </f:facet>


谢谢

10-05 20:39
查看更多