css - 如何稳定头部

Question

我的 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;
}

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

谢谢

Answer 1

我找到了解决方案 - 使用 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>        

谢谢