Question

我的网络应用程序标题包含中心的文本和右侧的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>

感谢

如何稳定标题

1 个答案: